[thelist] help with fluid css layout

[David Bailey]

I'm a newbie myself, but seeing no-one seems to have answered, try something
like the following:

  body{
  margin:0;
  padding:0;
  font-family:sans-serif;}
  
  #header{
  height:100px;
  background-color:orange;}
  
  #content{
  margin-left: 250px;
  background-color:pink;}
  
  #nav{
  position: absolute;
  top: 100px;
  left: 0;
  width:250px;
  background-color:green;}
  
  #footer{
  height:50px;
  background-color:blue;}


David


On 20/7/05 5:34 AM, "Sarah Sweeney" <mr.sanders at designshift.com> wrote:

> I'm in serious need of some guidance in trying to complete this
> css-based, trying-to-be-fluid layout I've working on for a few days now:
> http://sarah.designshift.com/test/20050719-layout.html
> 
> Basically, I want the nav div (the green one) to be to the left of the
> content div (the pink one). I then want the width of the content div to
> fill the rest of the page. And, if possible, I'd like to be able to
> limit the width of the content div to a certain maximum (maybe 1200px).
> 
> Any pointers, or examples of similar layouts I can check out?
> 
> Thanks!