# Css vertical problem

**URL:** <https://forum.kirupa.com/t/css-vertical-problem/84893>\
**Category:** Uncategorized\
**Created:** [March 31, 2005, 7:31am UTC](https://forum.kirupa.com/t/css-vertical-problem/84893 "2005-03-31T07:31:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![3pinter](https://avatars.discourse-cdn.com/v4/letter/3/9de053/32.png) [@3pinter](https://forum.kirupa.com/u/3pinter)\
**Post date:** [March 31, 2005, 7:31am UTC](https://forum.kirupa.com/t/css-vertical-problem/84893/1 "2005-03-31T07:31:57Z")

</div>

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:

```auto

#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:

```

- de meldingen
- maak een melding
- de coördinatoren
- publicaties

#### 

- de algemene site
- de erven

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.

😏