Quantcast

Forums | MacLife

You are not logged in.

#1 2007-07-09 2:53 pm

avkills
demyelinated brain matter
Registered: 2001-05-09
Posts: 7094

IE 6 weirdness

For some reason I can't get rid of some dead space in this page I am working on.  I have a floated navigation area to the left, and I added a <div> tag in to add more to the header on the first page, well the added <div> for some reason always has some sort of padding or margin on the left, even though I have specified none.  The worst part is the <div> right after it which is the body of the page, does not have the same padding or margin issue.

As far as I can tell, I have no tags with padding or margins that should affect this tag.

I know I should try and fix this by not using floats.  Is that basically my only option?  I ask because with absolute position, the pop menus break.

Man I hate IE 6 with a passion.  Leave to microsoft to make web development as hard as possible.

BTW the page works fine in IE7, Safari, Firefox, etc etc.

I know I don't have a link, I can post one if no one can offer any suggestions from the cuff.  The reason is I am constantly trying stuff to fix it.

-mark

Offline

 

#2 2007-07-09 3:07 pm

adamjg
Member
From: Meryland, USA
Registered: 2006-02-04
Posts: 783
Website

Re: IE 6 weirdness

Well cheer up! Now that Safari has a Windows version, it should be overtake IE any day now!
wink

Last edited by adamjg (2007-07-09 3:13 pm)


Based on the findings of the report, my conclusion was that this idea was not a practical deterrent for reasons which at this moment must be all too obvious.

Offline

 

#3 2007-07-09 3:10 pm

avkills
demyelinated brain matter
Registered: 2001-05-09
Posts: 7094

Re: IE 6 weirdness

Uhhh, yeah right.

-mark

Offline

 

#4 2007-07-09 4:22 pm

avkills
demyelinated brain matter
Registered: 2001-05-09
Posts: 7094

Re: IE 6 weirdness

Well I can get it to work with a relative position and some css hacks for IE, but then the no white space wrap fails to work, must be something with relative positioning.

smurfing IE6.

-mark

Offline

 

#5 2007-07-09 4:43 pm

Light Speed
Doubter of Einstein
Registered: 2002-08-17
Posts: 3694

Re: IE 6 weirdness

Could be the default margins built into IE6.

I always start my css file with this and build from a clean slate.

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

Last edited by Light Speed (2007-07-09 4:44 pm)

Offline

 

#6 2007-07-09 5:12 pm

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: IE 6 weirdness

Do you have the correct doctype?


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

#7 2007-07-09 6:44 pm

Maxweb
Member
From: Seattle
Registered: 2007-06-24
Posts: 70
Website

Re: IE 6 weirdness

Its hard to say without a visible link, but I would guess you are up against the weirdness that is IE 6 in terms of calculating its own math for the box model. IE 5.x and 6 will take the width property as the sum of the width of the content, padding and borders. This makes the elements smaller than intended and will cause layouts to "break." The best way to avoid this is to avoid adding padding to elements with a set width.

Don't abandon floats just yet. If the math is correct floats work like a charm!

Max

Last edited by Maxweb (2007-07-09 6:49 pm)

Offline

 

#8 2007-07-09 6:54 pm

Miles
Now I fight for wisdom!
Administrator
From: Michigan
Registered: 2001-07-21
Posts: 4506
Website

Re: IE 6 weirdness

Maxweb wrote:

IE 5.x and 6 will take the width property as the sum of the width of the content, padding and borders.  ...  The best way to avoid this is to avoid adding padding to elements with a set width.

IE 6, like IE 7*, uses the W3C box model with an appropriate doctype, and the old box model in quirks mode.  IMHO, the best way to avoid this is to say "good riddance" to smurfy 7-year-old browsers and use a standards-mode doctype.

*I think.  I'm not sure about IE 7.

Offline

 

#9 2007-07-09 7:02 pm

Maxweb
Member
From: Seattle
Registered: 2007-06-24
Posts: 70
Website

Re: IE 6 weirdness

I can count extra gray hairs from screaming frustration at IE6!!! I mean it. I have found myself cursing at my display yelling, "die you f*cking browser die!!!" It boggles my mind that in 2007 there are still so many Windows weenies who are not even aware that there are better browsers out there. IE6 is like a giant anchor slowing down what modern web development could become. Like PNG graphics etc. I need to stop muttering...

Max

Last edited by Maxweb (2007-07-09 7:03 pm)

Offline

 

#10 2007-07-09 7:04 pm

Miles
Now I fight for wisdom!
Administrator
From: Michigan
Registered: 2001-07-21
Posts: 4506
Website

Re: IE 6 weirdness

avkills wrote:

I know I don't have a link, I can post one if no one can offer any suggestions from the cuff.

CSS bugs can be triggered by things that are completely unrelated to the changes you were making when they first appeared, so yes, a link would help.  Plus, your description really wasn't that clear. tongue

The reason is I am constantly trying stuff to fix it.

Don't just post a link to your test website.  Create a new page with a copy of the CSS, and then strip out extraneous HTML and CSS rules until you get the bare minimum markup that causes the bug to appear—then you can keep tweaking your main styles, and we have a base case to work from.  This really should be everyone's first step in CSS troubleshooting, since this almost always either reveals an error in your own code, or gives you enough information about the bug that you can Google it and find a fix.

Offline

 

#11 2007-07-09 7:15 pm

avkills
demyelinated brain matter
Registered: 2001-05-09
Posts: 7094

Re: IE 6 weirdness

OK I can post a link, but I fixed the issue with some CSS hack hiding some markup from the browser.  And it does sound like a default margin, even though I have 0 padding and 0 margins on nearly everything related to the, how should I say, formatting? design?  whatever.

Here is a link of what I have going on, I am basically re-doing the company site; and they wanted to look real close to the new brochure.

html
css

The last time I checked I had the valid doctype, well at least it validated on the w3c site.

Personally I think it has something to do with floats.  IE6 just does not like them.

Miles I did just that, and it is really bizarre.  Basically (once you see the page) the lower part of the image used to have a gray bar to the left (only in IE6) even thought the <div> main body text (white) did not.  It is really weird.

-mark

Offline

 

#12 2007-07-09 7:18 pm

avkills
demyelinated brain matter
Registered: 2001-05-09
Posts: 7094

Re: IE 6 weirdness

Feel free to navigate about, I don't have any trade secrets running about.

I've seriously thought about maybe re-doing the why the <div> are handled, but it seems to be working now, so I probably do no want to mess with it.

Navigating, you might discover why I did it the way I did.  shrug I'm trying to do the right thing. big_smile

-mark

Last edited by avkills (2007-07-09 7:18 pm)

Offline

 

#13 2007-07-09 8:47 pm

FutureDreamz
1.1.2.3.5.8.13.21.34.55
From: カナダ
Registered: 2007-01-07
Posts: 4511

Re: IE 6 weirdness

Maxweb wrote:

I can count extra gray hairs from screaming frustration at IE6!!! I mean it. I have found myself cursing at my display yelling, "die you f*cking browser die!!!" It boggles my mind that in 2007 there are still so many Windows weenies who are not even aware that there are better browsers out there. IE6 is like a giant anchor slowing down what modern web development could become. Like PNG graphics etc. I need to stop muttering...

Max

Couldn't you have something that detects what browser that person that forwards them to a page if they have -ie6 that essentally says:

Your browser's crap.
install Safari (Link).

Last edited by FutureDreamz (2007-07-09 8:48 pm)


Thanks for clicking.

Offline

 

#14 2007-07-09 9:19 pm

Maxweb
Member
From: Seattle
Registered: 2007-06-24
Posts: 70
Website

Re: IE 6 weirdness

You can do that, but saying "your browser sucks" is poor form. I have slowly become used to IE 6 and now can build clean sites that will render OK. But it has been a slow, uphill battle. Learning how to unite xhtml and CSS without using a crutch like Dreamweaver was hard enough. Like many folks I felt punched in the stomach when I first opened my design efforts in IE 6. I have since had a custom PC built just so I can check on IE's "performance." Over time I have learned how to get around many of the IE issues without using tons of hacks and browser specific CSS. There are some cool design effects that could become standard practice but everyone is waiting patiently (or impatiently) for IE 6's user base to dwindle down to nothing...

Max

Offline

 

#15 2007-07-09 9:52 pm

FutureDreamz
1.1.2.3.5.8.13.21.34.55
From: カナダ
Registered: 2007-01-07
Posts: 4511

Re: IE 6 weirdness

Maxweb wrote:

You can do that, but saying "your browser sucks" is poor form. I have slowly become used to IE 6 and now can build clean sites that will render OK. But it has been a slow, uphill battle. Learning how to unite xhtml and CSS without using a crutch like Dreamweaver was hard enough. Like many folks I felt punched in the stomach when I first opened my design efforts in IE 6. I have since had a custom PC built just so I can check on IE's "performance." Over time I have learned how to get around many of the IE issues without using tons of hacks and browser specific CSS. There are some cool design effects that could become standard practice but everyone is waiting patiently (or impatiently) for IE 6's user base to dwindle down to nothing...

Max

I said "that essentaly says"
so you could say somethig like "IE6 has been detected. t is recommended that you use IE7, FireFox, or Safari."


Thanks for clicking.

Offline

 

#16 2007-07-09 11:38 pm

Maxweb
Member
From: Seattle
Registered: 2007-06-24
Posts: 70
Website

Re: IE 6 weirdness

I hear you. Its still a "controversial" area. Is it cool to design a site but have a system that detects a "poor" browser? Lets not mince words: we are talking about Microsoft Internet Explorer. There are a ton of blogs run by Web Standards gurus who rail against IE all the time.

The problem is inertia: there are too many Windows users who know nothing else but IE 6, a browser that has stayed at the party 4-5 years longer than it should have. Web Standards and CSS would be so much further ahead if there was not this "big base" of Windows XP users who know nothing but IE 6.

The reality is the "base" is there so we have to cater to the "lowest common denominator."

Last edited by Maxweb (2007-07-09 11:39 pm)

Offline

 

#17 2007-07-09 11:38 pm

Gipetto
Yankee Doodle's noodle
Royal Wombat
From: People! Ahg!!
Registered: 2000-09-24
Posts: 9941
Website

Re: IE 6 weirdness

That is stupid.
IE can work, and if it can, you still shouldn't exclude it just because its a pain in the arse. Its our jobs to work around smurf like this, even if it is frustrating.

After a while you just find yourself not doing the things that IE doesn't like.

But, to reiterate, browser requirements, aside from requiring a 5+ browser, is just dumb and in a lot of cases will end up losing users.

That said, I only test IE 6 & IE 7 on windows - I don't care about IE < 6. It can break if it wants to. My job is in the technology sector - anyone hitting my work's site in less than IE 6 shouldn't be in the job they're doing.

Last edited by Gipetto (2007-07-09 11:40 pm)

Offline

 

#18 2007-07-10 12:05 am

FutureDreamz
1.1.2.3.5.8.13.21.34.55
From: カナダ
Registered: 2007-01-07
Posts: 4511

Re: IE 6 weirdness

Gipetto wrote:

That is stupid.
IE can work, and if it can, you still shouldn't exclude it just because its a pain in the arse. Its our jobs to work around smurf like this, even if it is frustrating.

Tell that to the coders for sites that do that to Macs.


Thanks for clicking.

Offline

 

#19 2007-07-10 12:37 am

Gipetto
Yankee Doodle's noodle
Royal Wombat
From: People! Ahg!!
Registered: 2000-09-24
Posts: 9941
Website

Re: IE 6 weirdness

You'd jump off a cliff too?

There's plenty of people out there that either don't know or don't care. That's their, and sometimes our, problem. They're either lazy or smurfy and if they see it happening to them they'll think its OK.

Lead by example and maybe they'll one day think " why can't I get my site to work in all browsers? " - at least, we can hope.

Last edited by Gipetto (2007-07-10 12:39 am)

Offline

 

#20 2007-07-10 2:52 am

Alien
Forum Czar
Administrator
From: Republic of Amsterdam
Registered: 1999-07-05
Posts: 16942
Website

Re: IE 6 weirdness

There's very good money to be made making smurf work for oblivious people. So get used to it while you can.

,xtG
.tsooJ


http://macstack.net/forums/images/smilies/lol.gif

Offline

 

#21 2007-07-10 7:47 am

avkills
demyelinated brain matter
Registered: 2001-05-09
Posts: 7094

Re: IE 6 weirdness

Yes as much as I'd like to give the IE coders an all afternoon ass whip, the reality is that the site has to work in it, regardless.

And I wholeheartedly agree that it is lazy and unprofessional to "NOT" test your site on all the major browsers.  Hell I am actually checking mine on Lynx for text only goodness and also without Javascript in an attempt to make it as accessible as I can.

I'll make no assertions pretending I am a web designer, I'm not. When we get to the point of needing database interaction then I am going to have to take a hard look and decide if I want to even go further or just bail on the idea.  PHP would probably be a good thing to learn, but I really have no major interest in it. shrug

Personally I think I do ok, considering I have no formal training, and I code everything from hand using SubEthaEdit. I actually have a very big bias against WYSIWYG programs. Oh well.

-mark

Last edited by avkills (2007-07-10 7:50 am)

Offline

 

#22 2007-07-10 8:09 am

Chickenhawk
Snark Snark Snark Snark
From: Being Snarky
Registered: 2005-06-01
Posts: 5821

Re: IE 6 weirdness

avkills wrote:

Hell I am actually checking mine on Lynx for text only goodness and also without Javascript in an attempt to make it as accessible as I can.

That's good. I wonder if the designers on this site bothered to test it in lynx...
::is tempted to ssh into his home computer and see if lynx works at M|LF::


The recent medical controversy over whether vaccinations cause autism reveals a habit of human cognition—thinking anecdotally comes naturally, whereas thinking scientifically does not. -- Michael Shermer

Offline

 

#23 2007-07-10 8:27 am

Gipetto
Yankee Doodle's noodle
Royal Wombat
From: People! Ahg!!
Registered: 2000-09-24
Posts: 9941
Website

Re: IE 6 weirdness

Any forum sucks balls in a text only browser.

Offline

 

#24 2007-07-10 8:36 am

Chickenhawk
Snark Snark Snark Snark
From: Being Snarky
Registered: 2005-06-01
Posts: 5821

Re: IE 6 weirdness

Gipetto wrote:

Any forum sucks balls in a text only browser.

True, but even M|LF's main page is horrible in text.
At least ch54 has text replacements for all the images. And that is coming from a site that intentionally is made to look like ass in IE.


The recent medical controversy over whether vaccinations cause autism reveals a habit of human cognition—thinking anecdotally comes naturally, whereas thinking scientifically does not. -- Michael Shermer

Offline

 

#25 2007-07-10 9:13 am

avkills
demyelinated brain matter
Registered: 2001-05-09
Posts: 7094

Re: IE 6 weirdness

Alright, back to my weirdness, if anyone has decided to check the markup out, should I re-think my formatting again, or I am pretty safe with what I have now?

I'm tempted to do what Miles suggests, but instead re-work the entire formatting. shrug

-mark

Offline

 

Board footer

Powered by PunBB 1.2.6
© Copyright 2002–2005 Rickard Andersson