box model

[Cullen411]

I'm trying to achieve a 3 column layout with a banner on top then followed by a navigation bar and then 3 columns with the left and right navigation columns positioned absolutely.

#banner {
background:#fff;
height:40px;
margin:0;
padding:0;
}

#navigationbar

{
background:#000;
height:20px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}


Taking into consideration IE 5 and it's box model where would the left and right column navigation bars be positioned?

In most compliant browsers I think top would be 62px; what would it be for IE 5? Would it be 60px and how would you write that?

 

[Vragabond]

First, I would simply put them in another container, which would be relatively positioned right after the navigation bar. Much less stressful. Also, do you really need to support ancianet browsers like IE5? IE6 has an updated box model in standards version and most of that is resolved. I don't think it is too wise to rely on too many hacks to get your site to work properly.