IE6 and the margin problem...

[SooTyLaD]

'right guys,

something i come across each time i code a site, is the problem IE6 has with making things bigger than they really are...

for example, i have one thing, floated next to another thing, all measured out nicely and all that, but when it comes to the IE6 checks, things that were "next to" are now "underneath"...

the solution which works most of the time is simply to make the containing div wider, which i hate doing, can't stand messing my neat code up just cuz of IE6 (i do however realise that it must me done)

so... i was wondering since this is by far the most common problem i encounter (despite using the xhtml 1.1 dtd), if any of you knew a tried-and-tested workaround for this as i really do stumble across the problem all the time and hate growing the container divs to accomodate...

if anyone could explain whats happening or suggest a fix i'd be most grateful

 

[SooTyLaD]

naah that didn't do anything as i already have:

* { margin: 0; padding: 0; border: 0; }

surely everyone has this problem?

i tend to do 2 column layouts as a left column with float: left; and the right column with a left margin of the width of the left column... could this method be part of the issue?

 

[SooTyLaD]

actually, adding in the "html" really messed a lot of stuff up strangely enough and still didn't fix the ie bug of stuff moving below where it should be

i hate IE6 so bad.

 

[SooTyLaD]

yeah from now on i think i'll use conditionals... i fixed the issue by having the left column positioned absolutely, this worked a treat...

maybe we should start a conspiracy that if you use IE6 you are 1000 times more susceptible to contracting the *enter a gruesome name* virus so people would move to 7

 

[SooTyLaD]

jeezus, can't we sue Microsoft for monopolizing the browser market with IE6 back in the day... wouldn't have minded if they'd have done it with a good browser but good god what were they thinking????