IE6 Double Margin Bug Fix

Thank god you wrote that up.

Thank you.

~ Steph

Amen, brother. Thanks for sharing.

Yes! Thanks for sharing. You saved me.

Thank you! Until now I’ve always used:

margin-left:20px;
_margin-left:10px;

First one gets read by IE7 and FireFox. Second gets read by IE6. Awesome!

Jeremy’s method of above is super helpful when you have a DIV that is set to display:none; but needs the IE6 fix ! You Rock!

Whew, that was an easy fix, I was expecting a much more complicated fix like all the others. Thanks a million.

And Jeremy — you just fixed the other one of my bugs. Thanks for the tip!

My God fella, just spent 3 hours trying to work out why my page was getting chewed up by IE6, then I found your answer, thankyou!

You lost me at ‘beloved’ :P

Haha! But in all seriousness… that’s a very helpful tip. Thanks.

Dude… thank you so much!

IE6 should be banned.

Thanks!

I can only agree with the ones above: Thank you so much!

//Dave

So much better than writing up IE specific hacks every time, thanks a lot!

My god this is a life saver :D I hate Exporer 6 with a passion but so many of my clients still use it, this really makes my work so much easier ^^

THANK YOU!

Whish all Google #1 hits were this short and this accurate!!

You’re my hero for today.

Definitely a helpful fix, thanks.

i was nearly goin’ nuts with IE6 – until i figured out that the margin was exactly doubled…
so a “IE6 double margin” in google brought me to your “anyone reading this except me” :D post.
amazing – i don’t like those * html etc. hacks in my stylesheets.
your solution works like charm :)

Hi,
In my case, I have floated the left element and the right content is relative positioned with a left margin. The left sidebar includes “display: inline” Still, IE 6 shifts the right element below the left. Any clue why?
Thanks a ton.
Ashish

Hi there,

I was going nuts too, this saved me. Thanks for the fix!

hey dude
more love to you man, easy fix, thank god i found this page haha

sweet just what i needed

I encountered this before and though I must be going crazy. So tonight I encountered the same problem, tested and measured it, and yip, IE6 does indeed double the margin. What the heck?

Anyway, thanks for this elegant fix. I was about to revert to a new IE6 style sheet, but will probably be able to retain just the one now.

Googled ‘ie6 double margin’ and got this … which works like a charm! Top man!

Ian.

Same as all the others, you’re a life saver.

Thanks. Just spent ages thinking I was going out of my mind.

Thanks for this.

Kudos to you!
Thanks muchly :)

You sir, are a GOD. Many thanks.

Wow! Thanks a lot for this!!!!
It saves me lots of hours of pulling my hair ;-)
good work!
greetings from France

Very helpfull, thanks.

You have saved my scalp many a missing hair.

Nice one :)

Fantastic. HOWEVER, and I’d love to have someone confirm this, but until I put the display:inline rule *above* the margin rule, IE6 still doubled up on me.

If this is true, I wonder what other nuances and bugs are caused simply by the ordering of style rules? Perhaps I haven’t been crazy all of this time trying to devise the best order to type out my styles…

Anyway thanks A MILLION for this!

awesomesauce! ty!

This is what i love about blogs…
You use it as a tool to remember something and in turn help thousands!

Thanks Jayme! You just saved me a lot of time.

nice :)

DANKE from Germany!

Thank you! I, too, was thinking that the problem wasn’t as easy as this. In the past, some of the floating problems in IE6 were fixed by simply wrapping the div with a nameless container div.. but that didn’t help this time around. your “Display: inline;” did the trick.

Does anyone know “why” this works and “why” IE6 doubles the margin, though?

Thanks again!

Thanx alot, i’ve been almost crazy about that!

Quick and clean – perfect!

Simple… I love it.

I was aware of the double margin issue… and was just doing a quick search to see what the hell was actually going on with IE6.

I was just about to do a *margin-left, thanks for the non hacky solution.

Oh joy,
love it thank you very much!

Thanks. I thought I just needed some sleep. Damn IE6!

I would like to award you the IE destroyamagator award. Way to go.

My god sir, you are my hero :D

Was working late for a client – deadline tomorrow – going crazy, then I googled ie6 double margin and found this LOVELY fix.

Works like a charm. This problem took me hours! thanks

You are a godsend! a simple Google search brought this up and saved me a ton of time and frustration!

Thanks for this great reference!

Thank You for this very useful and time-saving tip! :)

I was worried about this problem but you solved my problem…..

Thanks

Great tip! Thanks. Saved me a lot of hassle.. :)

Microsoft suck.

You rock.

Cheers.

I love you. Which is more than I can say for IE6. ;o)

Superior!

Many thanks for your post – has ended a couple of hours of hacking around!

Do you need a job?

Bless your heart from Durham!

i love you!

Thank you!

Best tip ever.

Just for fun I punched “margin double” in Google and found this toward the top. I know IE is horrible, but I thought, “No way, it could be something this obvious.” I didn’t even expect to find a solution. This is just such a great post.

Woah… I can’t believe that worked.

Bless you kind sir!

IE6… Why???? Why too much people still use it????

Thanx to all the guys than gave some solutions, everyone have his magic ;-)

Mainly thanx to the publisher of the note in the begining, cause the rest not happen

Greetings from Argentina!!!

According to W3C browser statistics, 28.9% of all computers on the web still use IE6. So this is a great tool for helping those of us who hate Microsoft cope. Thanks for the tip.

Thanks a lot man, having just finished sorting out transparent PNG problems in IE6 I got to work trying to figure out with the heck was going on with my margins.
Worked like a charm

Great!!!

Thanks for share!

Wow… I love Google and I love YOU!

I’m sure this just saved me an hour+ of hacking… Thanks!

Worked a charm

Thanks a lot!! You’ve saved me another hours solving this problem…

YOU ROCK!!

Thank you very much. Internet Explorer 6 has proved itself to be the worst browser I have ever tried to make a web design work for.

thank you. i didn’t realize what was happening until i saw the title of this post.
goodKarma++;

nice…….

thanks for sharing bro!

I build web sites all the time and I always forget the answer to this so it’s about the 5th time I have checked your site!

Thank you and please dont remove the page!!

Hey, my partner and me we think this (_margin) is the best and shortest bug fix we ever have seen. Thanks a lot and for all lucky bug fixing!

Nice One. THANK U!

found this via google, saved me a load of time, thanks very much!

YOU ROCK!!! So you glad you posted it “just for yourself.”

You’re a life saver mate, thanks for the heads up

hope affirming! xxx

ie 6 is a balls up. thank you, i expected the “feeling lucky” to take me to positioniseverything but this was a short solution! thank you :)

I’ve posted here before… forgot about this post, forgot the hack, came across the same problem, googled it and came across the same post. quite funny. guess that’s what bookmarks and code snippets are for. anyway… thatnks for the fifth time, i think. great design, btw.

you rock

Bless you!! Wish I’d have Googled this about 4 hours ago…

Thanks so much – awesome!

Thank you!

Dude, you saved me..

Thanks a lot!

Thanks for posting this :)

Thanks! I’ve been meaning to start adding all thses fixes to my blog as well to help me remember.

Thanks for posting this fix – It saved me hours (maybe days) of scratching my head.

you are the f***in man for posting this!

Thanks for posting this. Saved me a lot of time.

You are god… Really!
Thanks for this very nice tip. <3

thanks for the blog post. saved me a lot of hassle! damn ie6!

Google would be worthless without people like you posting fixes like this – many thanks!

“I know this doesn’t pertain to anyone reading this except me I’m sure.”

You were wrong about that :p

Thank you!

thanks buddy!!!

thanks a lot you saved me there

Another day in web dev, another IE6 bug. Thanks for the tip :)

WOW! I should have come across this post before, it could have saved me 2 hours of trying to figure out the problem… Thank you very much!!! they need to disappear ie6 from every computer.

Thankyou so much. I still wonder why so many people are still using ie6!

thanks for the tip. very helpful. nice ‘n’ concise.

thank you thank you you solved a big issue I was having

THANK YOU!!!!!

thanks for writing it down. I always forget it ;)

Thanks for the help. I’ve got stumped on this often. Have book marked until it sinks in!

Ahhhhh!!! Brilliant! :-) This has been bugging me for ages! Thanks!

Thanks, you just saved my day for posting this.

informative post, keep it up.,

Thank you very much!

This hack work parfectly!

=)

You’re a lifesaver! I’ve cursed IE for ages but somehow never got around to finding a solution to this particular problem…Thanks a ton!

You saved me hours upon hours of frustrating labor! Thank you so very much!!!!!!!

Haha! You rock brotha.

Thanks a lot!

Thanks are due! Thats allowed me to claw back a few minutes from the countless hours that IE6 has cost me :)

Great post, many thanks!

Thanks for that. Its something I keep forgetting about!

Thanks a lot for the help……. just solved the problem in no time

That was awesome….

Thanks this has helped me.

Thanks… maybe someday IE will be gone….

Awesome!

I was going nuts because I had my new site perfect in Firefox and IE7, and loaded up in 6 only to find it all wacky. Now it’s good to go.

Thank you. Was first result on google, my exact problem. Now fixed.

Exacly what I was looking for. Thanks!

Wow, if only it were always this easy to do a google search, click on the top result and fix my problems with one little copy and paste!

Simple problem, simple solution. You just saved me hours of digging. Thanks!

You rock my socks, unfortunately IE6 does not!

thanks! saved me some hassle!

Thanks for posting this man! I’ve been trying to figure this problem out!

Thanks a lot. you have solved my problem regarding ie6.

I am facing another problem of height of iframe in ie7
Other browsers are displaying height of iframe very well but ie 7 is compressing it.. I am not getting why?

If you have the solution then please help me..

Thanks.

Thanks a lot.

Thanks a million man. I am just finishing the Teach yourself series for CSS by Sams Publishing. So far this book has been amazing and I’ve got CSS down pretty good as far as layouts. Unfortunatley most of the work I do is in IE6 at work (practicing) and I have IE7 at home on my new laptop. This was bugging the heck out of me when it worked in IE7 and Firefox but not IE6.

The book I’m reading and working with is awesome but this must be one of the few ie6 hacks that is not listed in it. Greatly appreciated bud. And as the others stated google FINALLY had the best hit listed as number 1!

Thanks for this solution. Nothing like playing whack-a-mole with CSS.

THANK YOU!

so much for thinking you’re the only one needing this info… as a web developer, I’m forced to make all my websites work in ALL browsers, current and one version back. I would love to phase out IE 6 AND IE 7, but the truth is, 90% viewers are using IE… and 50% of THEM are using IE6. Needless to say, it’s going to be awhile before they phase it out.

cheers!

This is brilliant. Thank you so much–you probably saved my sanity.

I found you through twitter by accident, and found you again on this hint….

Whatever you are doing keep it up. Obviously you know how to communicate with the current tech.

Congrats!

Jason

PS: The site looks very cool too!

Thank you much!

Thanks for sharing

Fantastic. Been grilling my brain for the last hour trying to fix it.

great fix

Thanks!!

Great tip, worked like a charm but… If we keep fixing IE6 then people will continue to use it! Isn’t it time to just say, “you know what, if you want to see my page then get a proper browser.”

2¢

Congratulations, this is the number 1 google link when I searched for “IE6 margin”.
WHEN I SAY I WANT MARGIN RIGHT TO BE 10 PX I MEAN JUST 10PX…. NOT 20PX YOU STUPID WEB BROWSER!!!!!!!!

I just spent 3 days trying to iron out a CSS bug in IE6, so didn’t want to waste another 3 days on another one. – Thankfully came across your excellent page BEFORE I attempted to solve it. Bam – worked first time! A real life saver.

THANKYOU! THANKYOU! THANKYOU!

Hey! thank you so much for saving my hours debugging this issue.

Im new to computers so are vague to how to do the fix. Could someone explain what Im meant to click on and how to go about it. Many thanks.

Thank you a lot!

IE6 drives me nuts with this bug, many thanks!

Thnx mate !!

Actually that prevents lots of headaches to me!
Thanks guy!

Thank the maker!

That put an end to an hour’s worth of head on desk slamming interspersed with enough profanity to make a ex-con blush.

Thanks a lot :)

Worked like a charm, thanks for reminding me that it’s IE6 that’s crazy and not me…

Thanks, also very glad you wrote this up… :)

Great tip.
Jeremy’s (comment 4) actually fixed my problem. Thanks Jeremy!

Thanks! This fixed the last bug I was working on.

Incredible! Thanks for the tip!

A very efficient post : a well described problem with a quick and clean solution !

Thanks

A very useful fix. I think we all find it hard to believe that such a simple line of css can fix such a strange (and frustraiting) problem.

Great Tip!

Best. Post. Ever.

You should put a paypal button on this post because you’d be a millionaire judging by the comments. I’d for sure drop you a fiver.

-Pete

“I know this doesn’t pertain to anyone reading this except me I’m sure”

heh heh, 164 comments would suggest not!

Awesome, thanks! Would have been battling with this for ages!

Thank you so much!! You´re a goddamn genius!
This was driving me crazy until i googled it and ended up in this blog, thanks to you i wont suffer anymore ;)

you are a life saver!!! omg, thanks for putting this up! =D

cheers again!

Just echoing what’s been said dozens of times: quick Google search for “fix IE6 margins”, found this bit of code, saved the last of my hair from being pulled out!

Top-notch!

Did I not post here yet? If not– thanks a million. Use this trick all the time and I learned it here.

Thank you so much. Your post saved me at least a couple of hours.

Genius! Thanks!

Ah, many thanks for your post. I really hate IE, but this saved me ;)

haha, I bet you didn’t think you’d end up with 170+ comments on this.

Thank you very much. I can solved my problem.

THANK YOU!!!! :D