Topic: CSS IE Border Problem

My page is made up of 6 divs. #header, #logo, #ltnav, #rtnav, #content, and #footer.

Basically this translates to your typical 3 column layout with a header up top, footer down bottom. The margin in the page was defined in body as well. (ie. body{margin:20px;})

In order to get a border on the left and right, I had that defined in the body as well. IE5 does not recognize borders in the body tag, so I took the borders from the body and made a containing div (#main). Now I would think since #main begins before the header and ends after the footer, it would strech the entire length. Works fine in good browsers, but IE(5&6) do not want to render them the entire length of the page, the lines only seem to go the length of the content, cut off, then start again for the footer.

Even stranger is the phenomenon of the borders resizing themselves when you mouseover links on different parts of the page.

This is probably easier to picture if you just see it: here

EDIT: Figured out this only happens when the left and right menu areas are shorter than the page's content.
Anyone else ever experienced this? All I want to accomplish is a 3 column layout with borders on the left and right to contain it all. One big box. Any thoughts would be appreciated.

Ramasax



[This message has been edited by Ramasax (edited 11-29-2003).]

FYI, problem solved ... a little rearranging of divs and the addition of a container div was what I needed.

Glad we could help.

Seriously, sorry I never posted. I did look at your page, but I didn't have the time to look deeper.


___________________________
Suho: www.liminality.org

That's okay, although I just figured nobody felt like swimming through my sloppy coding, and can't blame anyone there.