> At the moment, when the page is resized the middle column drops, but I want
> the right column to drop (and ideally for the middle column to be a fixed
> width). Using the CSS and HTML listed below can anyone suggest a fix for
> this? I've been told to change the order of my columns in the code, but this
> makes no difference, it still drops the middle column.
Hello Eoin,
here's my version, I've deleted the margins for clarity.
HTH
Niklas
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html>
<head>
<title>Untitled</title>
<style type="text/css" media="screen,projection">
body {
margin: 0em;
padding: 0em;
}
#header {
background-color: #FF00FF;
}
#leftNav {
width: 180px;
background-color: #00FF00;
float: left;
}
#rightAds {
width: 110px;
background-color: #0000FF;
float: right;
}
#content {
margin: 0px 0px 0px 180px;
background-color: #00FFFF;
}
#leftNavAndContent {
width: 89%;
background-color: #FFFF00;
float: left;
}
</style>
</head>
<body>
<!--
works on Windows with:
Firefox V1.0.6
Firefox V1.5.0.3
IE 6
IE 7 beta 2
Opera V7.23
Opera V8.54
Mozilla V1.7.1
Netscape V7.1
-->
<div id="header">
header
</div>
<div id="leftNavAndContent">
<div id="leftNav">
leftNav
</div>
<div id="content">
content
</div>
</div>
<div id="rightAds">
rightAds
</div>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
