layers refuse to be horizontaly next to each other [Archive] - HTML Forums

amatocianmonk

05-18-2007, 02:38 PM

What im trying to do is to have 3 columns on my page.
Something like this
http://img489.imageshack.us/img489/2994/colsmy7.jpg
and for some reason.. i cant get the layers to be horizontaly on the same level... i dont really want to use absolute positioning unless i need to.
What i keep ending up with is this
http://img522.imageshack.us/img522/3415/cols2nv7.jpg

help please?

coothead

05-18-2007, 04:11 PM

Hi there amatocianmonk,

does this help...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
* {
padding:0;
margin:0;
}
html,body {
height:100%;
}
#left_col {
float:left;
width:15%;
height:100%;
background-color:#fcc;
}
#center_col {
float:left;
width:70%;
height:100%;
background-color:#cfc;
}
#right_col {
float:left;
width:15%;
height:100%;
background-color:#ccf;
}
</style>

</head>
<body>

<div id="left_col"></div>
<div id="center_col"></div>
<div id="right_col"></div>

</body>
</html>