Not sure if this is what you are looking for. Some people fake the
background simply by putting in an image in the container div so that
they look like they are the same height.
CSS
#head{
width:100%;
height:80px;
background-color: #ffcc00;
}
#container{
margin: 0px 0px 0px 150px;
background-color: #ddff00;
}
#content {
margin: 0px 300px 0px 0px;
}
#subContent{
position:absolute;
top:80px;
right: 0px;
width: 300px;
background-color: #666;
}
#catNav{
float: left;
width: 150px;
background-color: #eee;
}
#footer {
clear:both;
background-color: #cc0000;
}
HTML
<body>
<div id="head">
header
</div>
<div id="catNav">
category navigation
</div>
<div id="container">
<div id="content">
main content
</div>
<div id="subContent">
sub content
</div>
</div>
<div id="footer">
footer
</div>
Good luck!
-----Original Message-----
From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf Of Darren Wood
Sent: Friday, 16 June 2006 8:42 AM
To: [email protected]
Subject: [WSG] 3 column liquid, source ordered
Good morning,
I've been trying to find/develop a nicely source ordered 3 column
liquid layout...with the right and left columns a fixed width. I'm
not having much luck. I couldn't even find an example on the css-list
wiki :(
What I'm after is something that can make this markup into the 3
column liquid layout with fixed right and left columns:
<div id="head">
header
</div>
<div id="content">
main content
</div>
<div id="subContent">
sub content
</div>
<div id="catNav">
category navigation
</div>
<div id="footer"
footer
</div>
If anyone has achieved this or knows where I can find a working
example I'd be most chuffed!
Thanks
Darren
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
