FORUMS: list search recent posts

simple css layout question

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
JPDsimple css layout question
by on Oct 19, 2005 at 5:14:32 am

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








Return to posts index

GordRe: simple css layout question
by on Oct 20, 2005 at 12:14:57 pm

< 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



Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]