Little problem in IE 5/6 PC

Josh Renaud

My wife has recently redesigned her website using CSS and XHTML and she has
run into a problem that neither of us can figure out.

The address of the website is http://www.petrafan.addr.com

(The CSS validates, and the XHTML has only one insignificant error)

The problem is this: In IE5 and IE6 for the PC, the Content div is touching
the bottom of the logo. It's as if the margin-yop declaration is being
ignored.

It looks fine in Netscape, Safari, Firefox, etc.

Can anyone help us understand what's wrong here?

--Josh

Jul 20 '05 #1

Jim Roberts

"Josh Renaud" <jo********************@joshrenaud.com> wrote...

My wife has recently redesigned her website using CSS and XHTML
and she has run into a problem that neither of us can figure out.

The address of the website is http://www.petrafan.addr.com

(The CSS validates, and the XHTML has only one insignificant error)

The problem is this: In IE5 and IE6 for the PC, the Content div is
touching the bottom of the logo. It's as if the margin-yop declaration is being ignored.

It looks fine in Netscape, Safari, Firefox, etc.

Can anyone help us understand what's wrong here?

Leave it IE to screw things up.

I'm not sure why this is happening. I do have a possible work around.
Try removing 'margin-top:10px' in the .contendio rule and set
'margin-bottom:10px' in your .logo rule.

cheers,
Jim Roberts

Jul 20 '05 #2

Jim Roberts

"Josh Renaud" <jo********************@joshrenaud.com> wrote...

My wife has recently redesigned her website using CSS and XHTML
and she has run into a problem that neither of us can figure out.

The address of the website is http://www.petrafan.addr.com

(The CSS validates, and the XHTML has only one insignificant error)

The problem is this: In IE5 and IE6 for the PC, the Content div is
touching the bottom of the logo. It's as if the margin-yop declaration is being ignored.

It looks fine in Netscape, Safari, Firefox, etc.

Can anyone help us understand what's wrong here?

Leave it IE to screw things up.

I'm not sure why this is happening. I do have a possible work around.
Try removing 'margin-top:10px' in the .contendio rule and set
'margin-bottom:10px' in your .logo rule.

cheers,
Jim Roberts

Jul 20 '05 #3