Tue, 2004-08-10 02:58
is it possible to center a 2 column layout with a header? i'm really new to this, and i've been messing with some different layout ideas.
i can get a normal 1 column w/ header to center, but i can't it out w/ 2.
thanks.
-matt
Tue, 2004-08-10 04:08
#1
question?- 2col/w header - centered
Here's a quick example...
Header, float 2 columns left, footer
<html>
<head>
<style type="text/css">
body {
margin:0;
text-align:center;
background:#ccc;
}
#box {
margin:0 auto;
width:600px;
}
#header {
width:600px;
height:100px;
background:#600;
}
#left {
float:left;
width:300px;
background:#9cc;
height:400px;
}
#right {
float:left;
width:300px;
background:#c99;
height:400px;
}
#foot {
clear:left;
content:"";
background:#600;
height:15px;
}
</style>
</head>
<body>
<div id="box">
<div id="header">header</div>
<div id="left">left</div>
<div id="right">right</div>
<div id="foot">footer</div>
</div>
</body>
</html>
Tue, 2004-08-10 05:55
#2
question?- 2col/w header - centered
thanks!
this is starting to make a little sense.
-matt