Comments on: Mysterious double padding in IE7 http://www.bengilman.com/2007/07/mysterious-double-padding-in-ie7/ ...blogs about design, branding and doing business. Fri, 03 Sep 2010 14:58:03 -0700 hourly 1 http://wordpress.org/?v=3.0.1 By: bengilman http://www.bengilman.com/2007/07/mysterious-double-padding-in-ie7/comment-page-1/#comment-69 bengilman Mon, 10 Nov 2008 14:16:52 +0000 http://bengilman.wordpress.com/2007/07/16/mysterious-double-padding-in-ie7/#comment-69 @Joe I'm not able to recreate your bug in IE6 or 7. Some parts of your layout are a bit unconventional though I can see why you did it that way to get the footer to always stay at the bottom. I suppose one immediate thing to try is to put position:relative on the .scroll div. But in general the sort of layout you're going for can be pretty troublesome. Having had a quick scan around you might want to look at the way the technique has been achieved here: http://www.wickham43.supanet.com/tutorial/headerfooterfixexample.html That layout seems to work well in IE and Firefox. Good luck with it. @Joe

I’m not able to recreate your bug in IE6 or 7. Some parts of your layout are a bit unconventional though I can see why you did it that way to get the footer to always stay at the bottom. I suppose one immediate thing to try is to put position:relative on the .scroll div. But in general the sort of layout you’re going for can be pretty troublesome.

Having had a quick scan around you might want to look at the way the technique has been achieved here:

http://www.wickham43.supanet.com/tutorial/headerfooterfixexample.html

That layout seems to work well in IE and Firefox.

Good luck with it.

]]> By: joe http://www.bengilman.com/2007/07/mysterious-double-padding-in-ie7/comment-page-1/#comment-67 joe Mon, 10 Nov 2008 13:55:35 +0000 http://bengilman.wordpress.com/2007/07/16/mysterious-double-padding-in-ie7/#comment-67 I'm having a problem with the top padding of my website. for whatever reason the padding doubles. It doesn't always happen. The problem randomly appears when hitting the refresh button or clicking onto another page on the site. The site works fine in firefox, but not in IE6 - IE8. Help, please!!??!! the website is http://www.bostonwebsolutions.com/SmoothEssentials/Specials.php I’m having a problem with the top padding of my website. for whatever reason the padding doubles. It doesn’t always happen. The problem randomly appears when hitting the refresh button or clicking onto another page on the site.

The site works fine in firefox, but not in IE6 – IE8.

Help, please!!??!!

the website is http://www.bostonwebsolutions.com/SmoothEssentials/Specials.php

]]> By: bengilman http://www.bengilman.com/2007/07/mysterious-double-padding-in-ie7/comment-page-1/#comment-64 bengilman Wed, 05 Nov 2008 09:46:04 +0000 http://bengilman.wordpress.com/2007/07/16/mysterious-double-padding-in-ie7/#comment-64 @Wing Fat - the display:inline code fixes the issue where IE will add a double margin to elements that have a margin on the same side as the float direction - as discussed here: http://www.positioniseverything.net/explorer/doubled-margin.html I believe that bug is fully fixed in IE7. The one I described seemed to be something quite different. @Wing Fat – the display:inline code fixes the issue where IE will add a double margin to elements that have a margin on the same side as the float direction – as discussed here:

http://www.positioniseverything.net/explorer/doubled-margin.html

I believe that bug is fully fixed in IE7. The one I described seemed to be something quite different.

]]> By: Wing Fat http://www.bengilman.com/2007/07/mysterious-double-padding-in-ie7/comment-page-1/#comment-8 Wing Fat Fri, 04 Jan 2008 08:40:10 +0000 http://bengilman.wordpress.com/2007/07/16/mysterious-double-padding-in-ie7/#comment-8 I'm having the same problem as Justin. I read that adding "display:inline" to your float will fix the problem but it doesn't in my case. I’m having the same problem as Justin. I read that adding “display:inline” to your float will fix the problem but it doesn’t in my case.

]]> By: Justin http://www.bengilman.com/2007/07/mysterious-double-padding-in-ie7/comment-page-1/#comment-6 Justin Fri, 17 Aug 2007 12:55:43 +0000 http://bengilman.wordpress.com/2007/07/16/mysterious-double-padding-in-ie7/#comment-6 I'm having the same issue with top padding on a footer div. IE6 and Firefox fender the footer find but my 65px of top padding turns into 130px roughly. Very strange. I’m having the same issue with top padding on a footer div. IE6 and Firefox fender the footer find but my 65px of top padding turns into 130px roughly. Very strange.

]]>