css help

[Colin-Roberts]

http://colin-roberts.net/coding/
how do i make it so there right beside eachother
if you click on home you'll see the home content loads below the left column i've tried float:left float:right it made it worse.

[Invent]

#containerright
{
background:#FFFFFF none repeat scroll 0%;
float:left;
height:100%;
text-align:center;
}




#containerleft
{
background:#E8E8E8 none repeat scroll 0%;
float:left;
height:100%;
min-height:400px;
text-align:center;
width:196px;
}

[Colin-Roberts]

http://colin-roberts.net/coding/ Thanks invent but now the container css isn't expanding with it all and bringing the white background down with it. Without a width attribute in containterright the container doesn't have a background.

[Invent]

#containerright
{
background:#FFFFFF none repeat scroll 0% 50%;
float:left;
height:100%;
text-align:center;
width:80%;
}




#containerleft
{
background:#E8E8E8 none repeat scroll 0% 50%;
float:left;
height:100%;
min-height:400px;
text-align:center;
width:20%;
}


?

[RichardKnox]

Add overflow: hidden; to the main container?

[Colin-Roberts]

nope the news work as you can see but any other not sized page is still loading at 80% below.

[zeJosh]

Hmm..


You did update Divs//??

[Colin-Roberts]

update divs?

[QuickScriptz]

Basically what I do is this:



#left{
float: left;
width: 500px;
}
#right{
margin-left: 505px;
}

[kk.]

cant you jsut type your text somewhere else eg:

<div id="container">
<div id="containerleft"></br></br></br><div id="navitop"></div><div class="style2" id="navimiddle">

test<br>
Terms Of Use<br>
Contact

</div>
<div id="navibottom"></div></div>
<font size="1" face="Verdana"><div id="containerright"><div