Reply
Help with div layout
Old 04-13-2008, 04:31 PM Help with div layout
Nathand's Avatar
Extreme Talker

Posts: 201
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?
Nathand is offline
Reply With Quote
View Public Profile Visit Nathand's homepage!
 
When You Register, These Ads Go Away!
     
Old 04-13-2008, 06:27 PM Re: Help with div layout
Gilligan's Avatar
Dead Like Me

Posts: 1,565
Name: Stefan
Location: London, UK
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>
Gilligan is offline
Reply With Quote
View Public Profile
 
Old 04-14-2008, 10:25 AM Re: Help with div layout
Nathand's Avatar
Extreme Talker

Posts: 201
Thanks Gilligan, that may work for me.
Nathand is offline
Reply With Quote
View Public Profile Visit Nathand's homepage!
 
Old 04-14-2008, 10:31 AM Re: Help with div layout
Gilligan's Avatar
Dead Like Me

Posts: 1,565
Name: Stefan
Location: London, UK
sure, remember you can always remove the borders, they were just to show where everything was right?
Gilligan is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Help with div layout
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.11749 seconds with 13 queries