-
simple css layout question
so i’m trying to position three containers to fit snugly into an 800x175px header. one large one on the left, and two smaller – one on top of the other – on the right. The code below works for Safari but not for explorer (at least not 5.5)
.container
{
background-color: #FFFFFF;
width: 800px;
height:700px;
margin-left: auto;
margin-right: auto;
}.logo
{
float:left;
background-color: #008D00;
width: 550px;
height: 175px;
}.flash
{
float:left;
background-color:#FFCC33;
width:250px;
height:117px;
}.espanol
{
float:left;
background-color:#FFCC66;
width: 250px;
height: 58px;
}it seems like it should work, but the “espanol” div breaks out below the logo div in IE 5.5.
any help would be greatly appreciated,
thanks,
JPD
-
1 Reply
-
< body >
< div class="container" >
< div class="logo">< /div >
< div class="flash">< /div >
< div class="espanol" >< /div >
< /div >
< /body >???? works fine on explorer 5.5 PC . could be an issue with the MAC version ?
maybe try adding { border:0px;margin:0px;padding:0px; } to each div container.
One of these could be forcing the div down ?Gord
Reply to this Discussion! Login or Sign Up