2 replies [Last post]
the queen is dead
Offline
Regular
Last seen: 16 years 8 weeks ago
Joined: 2004-08-05
Posts: 12
Points: 0

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

The Finch
Offline
Enthusiast
Cincinnati
Last seen: 16 years 8 weeks ago
Cincinnati
Timezone: GMT-5
Joined: 2004-08-01
Posts: 65
Points: 0

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>

the queen is dead
Offline
Regular
Last seen: 16 years 8 weeks ago
Joined: 2004-08-05
Posts: 12
Points: 0

question?- 2col/w header - centered

thanks!

this is starting to make a little sense.

-matt