Hi,
Are you applying padding to one side and not all around?
This should be quite straight forward 
Code:
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#outer {
width:600px;
height:300px;
background:#ffffcc;
}
#float1, #float2 {
width:292px;
padding-left:8px;
background:red;
float:left;
}
#float2 {background:green}
/* or like this */
#outer2 {
width:584px;
height:300px;
background:#ffffcc;
padding:8px;
}
#float3, #float4 {
width:292px;
background:red;
float:left;
}
#float4 {background:green}
</style>
</head>
<body>
<div id="outer">
<div id="float1">Float1</div>
<div id="float2">Float2</div>
<div style="clear:both"></div>
</div>
<br />
<div id="outer2">
<div id="float3">Float1</div>
<div id="float4">Float2</div>
<div style="clear:both"></div>
</div>
</body>
</html>
Paul
Posting Permissions
Bookmarks