CSS Forum

**Nathand** · 04-13-2008, 05:31 PM

I need to make a layout like this:

What I mean by "container" is the body. I've been trying on and off for quite a while now and can't seem to get something like this working in IE and FF. Would anyone be willing to code this basic framework?

**Gilligan** · 04-13-2008, 07:27 PM

Try this, obviously the css in the head can be put in an external stylesheet

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head >
<title>The God King Scenario </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
   margin:0; 
   padding:0;
}

#container {
   width:80%; 
   margin:0 auto; 
   border:3px solid black;
}

#header {
   height:100px; 
   border-bottom:3px solid black;
}

#left {
   float:left; 
   width:100px; 
   border-right:3px solid black; 
   height:400px;
}

#right {
   float:right; 
   width:100px; 
   border-left:3px solid black; 
   height:400px;
}

#footer {
   height:100px; 
   border-top:3px solid black;
}
</style>
</head>

<body>

<div id="container">
     <div id="header"></div>
     <div id="left"></div>
     <div id="right"></div>
     
     <br style="clear:both">
     
     <div id="footer"></div>
</div>

</body>
</html>

**Nathand** · 04-14-2008, 11:25 AM

Thanks Gilligan, that may work for me.

**Gilligan** · 04-14-2008, 11:31 AM

sure, remember you can always remove the borders, they were just to show where everything was right?