Padding of nested divs in IE

[AGChandler]

Hi,

I have a div (class = "brands") containing other divs, each of which
contains an image. I'm trying to set padding around the images, and my
style seems to work okay on all but Explorer (I'm using v.6). The style is
worded as follows:

..brands img {margin-left: 200px; padding: 10px;}

It looks great on Netscape, but there's no padding on Explorer. What can I
do to remedy this? Any ideas, anyone?

tia,
AGChandler

[Steve Pugh]

"AGChandler " <ag********@com cast.net> wrote:

I have a div (class = "brands") containing other divs, each of which
contains an image. I'm trying to set padding around the images, and my
style seems to work okay on all but Explorer (I'm using v.6). The style is
worded as follows:

.brands img {margin-left: 200px; padding: 10px;}

It looks great on Netscape, but there's no padding on Explorer. What can I
do to remedy this? Any ideas, anyone?

Which doctype are you using?

IE6 only supports padding on images in Standards mode; in Quirks mode
and in IE5.5 and lower it doesn't support padding on images at all.

So you need to use a doctype that triggers standards mode.

..brands img {margin: 10px 10px 10px 210px;}

would work in IE5+ and won't be affected by doctype sniffing.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Harlan Messinger]

"AGChandler " <ag********@com cast.net> wrote in message
news:x7******** ************@co mcast.com...

Hi,

I have a div (class = "brands") containing other divs, each of which
contains an image. I'm trying to set padding around the images, and my
style seems to work okay on all but Explorer (I'm using v.6). The style is worded as follows:

.brands img {margin-left: 200px; padding: 10px;}

Wouldn't you set the padding in the nested div?

..brands div { padding: 10px; }
..brands img { margin-left: 200px; }