Tuesday, August 5, 2008

IE6 margin fix

You'd never guess it from some of the posts in this blog, but in addition to marketing, I do actually build websites ;-)

I was finishing up a project yesterday and (predictably) when I went to test in IE6, it was all fouled up.  Here's how it looked in Safari and FF: 



And here is how it looked in IE6: 


Basically, IE6 has decided it wants to double the margin on the floating sidebar I have on the right.  So I did some research and found a super-easy method to fix this: add "display: inline" to the floating element.  

Magically, it works!


Just thought I would share in case anyone else found this useful :-)

2 comments:

Nick said...

I despise IE6. It's box model issues are absolutely ridiculous!

Thanks for the tip.

Unknown said...

Thanks for the tip :)

Unfortunately the stuff im busy on has to display correctly in IE6.

Awesome.

Thanks again!