css help

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.

HTML Code:

---

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

---

HTML Code:

---

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

---

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.

HTML Code:

---

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

---

HTML Code:

---

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

---

?

Add overflow: hidden; to the main container?

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

Hmm..


You did update Divs//??

update divs?

Basically what I do is this:

Code:

---

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

---

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