freshtrax

Bridging East and West with the latest in design, tech and business.

  • Steven Chen

    Steven Chen

    I am a senior UI/web designer at btrax. I like computer gadgets, anime, and games in general. :)

  • → Show All Articles

  • Aug 12, 2008

CSS double margin bug fix for IE6

normal.jpg
After reading an article regarding this IE6 bug, I decided to share with anyone who needs this information to fix their website. So what’s the problem? Simply put if your float a block element to left, its margin will become double. IE6 only applies double margin when you are using margin on the same side of the object as you’re floating it, and the result is – your layout breaks as the image indicated.

broken.jpg

If you see something like that happens, it probably because of this bug. So here’s the easy fix, just use “padding” instead of “margin”. Since there are still portions of population using IE6, it’s good to know this little trick.

ib-banner   

Like us on Facebook

Scroll to top

Like our blog?

 

btrax-logo-100

Sign up to get useful articles, news and discounts to exclusive events in your inbox once a month!

 

 

Subscribe!
Twitterで共有
Facebookで共有
はてなブックマークに追加
pocketで共有
Lineで共有