please help with float ? [Archive]

shakac

11-01-2011, 07:19 PM

please help me with css
i want to make this [see attatchment]
i used this div style with external css
<html>
<head>
<link rel="stylesheet" type="text/css" href="home.css">
</head>
<body>
<div class="header"><img src="" align="left"></div><div id="page_content">
<div class="left">
<div class="left1">hello</div>
</div>
<div class="content">this is content</div>

<div class="right">
<div class="right1"></div>
</div>
<div class="footer"></div>
</body>
</html>

i used this css
.left {
margin: 0 0 10px 0px;
padding: 5px;
border: 5px solid #cccccc;
height:500;
width:300;
float:left;
}
.left1 {
margin: 0 0 10px 0px;
padding: 5px;
border: 5px solid #cccccc;
height:500;
width:300;
float:left;
}

.content
{
background-color:#0F0;
height:500;
width:200;
float:left;
}

.right {
margin: 0 0 10px 0;
float: left;
width:300px;
height:500;
padding: 5px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.right1 {
margin: 0 0 10px 0;
float: left;
width:300px;
height:500;
padding: 5px;
border: 1px solid #cccccc;
background-color: #ffffff;
}

please help me anybody