May 2nd, 2008, 07:50
|
 |
Lead Administrator
|
|
Join Date: May 2007
Location: inside the outside
Posts: 1,388
Thanks: 1
Thanked 17 Times in 15 Posts
|
|
|
Re: simple layout problem
Quote:
Originally Posted by saltedm8
congrats, looks good to me, thank you, nice one
Oops, spoke too soon, ie issue, right div is dropped
|
I think that is due to the borders being added
try this:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#header {
margin: 0 auto;
width:965px;
height:200px;
background-color:red;
z-index:1;
}
#container {
margin: 0 auto;
width:970px;
overflow:hidden;
}
#left {
float: left;
width:220px;
height:400px;
clear:left;
margin: 15px 8px 3px 0;
background-color:green;
}
#centre {
float: left;
width:504px;
height:500px;
margin-top: -85px;
background-color:blue;
z-index:2;
}
#right {
float: right;
width:220px;
height:400px;
margin: 15px 0 3px 8px;
background-color:black;
}
#footer {
margin: 0 auto;
width:965px;
height:90px;
margin-top: 10px;
margin-bottom:5px;
background-color: yellow;
}
#menu { float: left;
width: 960px;
height:50px;
}
-->
</style>
</head>
<body><div id="container">
<div id="header">
<div id="menu"></div>
</div>
<div id="left"></div>
<div id="centre">grttyujygujkygu</div>
<div id="right"></div>
</div>
<div id="footer"></div>
</body>
</html>
|