Css vertical problem

1

Okay,

I’ve been toying with css for sometime and I’m still learning. I’ve looked at some tut. on the web and now I have a question:

I want a left colom divided into three pieces.

  1. navigation
  2. filler (variable)
  3. copyright

I thought I do it on the same way one creates a liquid layout with three coloms
(div 1, widht 200px)
(div 2, margin-left 200px, margin-right 200px)
(div 3, width 200px)

So for the coloms I have this:


#navcontainer {
height:285px;
float:left; 
clear:left;
}
 
#filler {
float:left; 
clear:left;
margin-top: 285px;
margin-bottom: 55px;
}
#copyright {
height:55px;
float:left; 
clear:left;
}
 
HTML:

test1 test2 test3
```

Don’t mind the ul & il … that’s all working.

The id filler doesn’t seems to work. because the copyright id isn’t at the bottom of my page.

Does anybody has a solution for my problem.
[size=1](Critiques or better writing code is also welcome)[/size]

tnx.

:smirk: