Comments on: CSS Double padding IE7 Fix

By: iHATEsushi

iHATEsushi — Tue, 10 Jun 2008 13:26:15 +0000

I’ve got a double padding issue.

I am building a CSS template with classes outside of tables.

It displays fine in Firefox, but breaks in Explorer 7.

I am using a spacer to separate the three banners because when I used padding the changes were so drastic in Explorer.

So now using the spacers, it displays fine in Firefox, however even with the padding removed, it is bumping the 2nd banner below 20px instead of 10px.

Any suggestions.

By: hotshot309

hotshot309 — Sat, 07 Jun 2008 07:52:42 +0000

Bravo…thanks for the (nonsensical but functional) fix, which I will be using. Maybe IE8 will see this repaired (fingers crossed).

By: barry

barry — Sat, 31 May 2008 23:17:33 +0000

Thanks, for that one. Bizarre though. Inernet Explorer really is a mystery…

By: Julia

Julia — Fri, 30 May 2008 08:55:44 +0000

You are a star, thanks so much for this!!

By: Ian

Ian — Mon, 19 May 2008 22:56:25 +0000

Thanks, worked for me. I can’t believe we now have to support two incredibly buggy browsers, and soon to be three!

By: Pushtoon

Pushtoon — Tue, 22 Apr 2008 14:36:07 +0000

this fix is not working for me

I tried to add it in the css file and the html as well in the div tag, but no go.

Does it work for layers which are nested within another layer which is centralised on the page.

By: IE7 CSS Bug: Adding ‘padding-top’ Value Twice at chriskarcher.net

IE7 CSS Bug: Adding ‘padding-top’ Value Twice at chriskarcher.net — Wed, 02 Apr 2008 14:09:37 +0000

[...] Specify the

as “display: inline-block” (credit) [...]

By: Juani

Juani — Tue, 25 Mar 2008 18:31:58 +0000

Thanks for this! This fix also works with a rare double margin bug in IE7 and also in IE6!

By: Erick S.

Erick S. — Thu, 20 Mar 2008 19:49:33 +0000

Doesn’t seem to work…In IE6 and IE7 it doesn’t look the way I want to. So in the stylesheet I used the underscore hack, like follows:

padding-top:122px;
_padding-top:128px;

Now it looks oke in IE6 and Firefox, IE7 shows ‘less’ padding.

So hopefully I added the:

display: inline-block

like mentioned here…But nothing seems to change?!

Also when I remove the underscore hack…

By: PatrickB

PatrickB — Wed, 27 Feb 2008 01:51:22 +0000

Thanks for the helpful tip!