On 2/3/2006 2:23 PM jeremy*pinnix wrote:

> I have a class that is supposed to put 10 pixels of padding around an
> image. It works just fine in Firefox 1.5 Mac/Win, and also in Safari
> 2, but there is no padding in Internet Explorer IE 6.
> 
> I am at a loss as to why it isn't functioning...
> 
> Site:
> http://www.americanhomedesign.com/home
> 
> It is the image of a building with two cars in the parking lot...
> 
> Here is the style sheet:
> http://www.americanhomedesign.com/stylesheets/default.css
> 
> Any ideas?

Maybe. Your page lacks a DOCTYPE so IE6 (and IE7b, in case anyone is 
interested) renders in quirks mode with a broken box model. I believe 
that puts the padding inside the dimensions of the image, and so covered 
by the image.

Put this (or something like it) first in your mark-up:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd";>

and things should be hunky-dory, though I confess I didn't test it.

-- 
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to