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
Re: IE 6 weirdness
Well cheer up! Now that Safari has a Windows version, it should be overtake IE any day now!
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
#7 2007-07-09 6:44 pm
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
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
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
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. 
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.
I'm trying to do the right thing. 
-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
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
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
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
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
#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. 
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
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. 
-mark
Offline


