Forum Moderators: not2easy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.sidebar {
float:left;
width:260px;
background:red;
min-height:200px;/* for testing*/
}
.content {
overflow:hidden;
width:660px;
margin:auto;
background:blue;
min-height:200px;/* for testing*/
}
.wrap {
overflow:hidden;
min-width:920px;/* must be the width of the left and centre columns to stop column dropping */
}
</style>
</head>
<body>
<div class="wrap">
<div class="sidebar">Left div</div>
<div class="content">Centre Test </div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.sidebar {
float:left;
width:260px;
background:red;
min-height:200px;/* for testing*/
}
.content { margin:0 0 0 270px; }
.mid {
width:460px;
background:blue;
min-height:200px;/* for testing*/
margin:auto;
}
.inner {
float:left;
width:100%
}
</style>
</head>
<body>
<div class="sidebar">Left div</div>
<div class="content">
<div class="inner">
<div class="mid">test</div>
</div>
</div>
</body>
</html>
