Footer does his own thing

negative top causes whitespace

[asseldonk3]

Hello everybody,

I am just a newbie in this so this is probably simple, put I can’t find it. I think I have to use Javascript but maybe there is an easier way. I read about related topics, like 100% height but I think this problem is different.

My problem is the following:
I have a classic three column design with header and footer. In the left colum I have a menu border and on top of that image I have the menu text. To put the menu text there I used relative positioning with a negative top, let’s say top: -200 px. What happens now, is that there is whitespace (I think 200px high) between the left colum and the footer. I want the footer to start directly after the menu text, but it somehow doesn’t want to. If the middle colum has enough text there’s no space between the footer and the text of the middle colum.

I hope I explained it clearly. I would really appreciate it if someone can help me with this, I have been trying stuff out for over two days now.

Kind regards,

Bram

[DrDoc]

You can use the image as a background instead. That way you don't have to use positioning.

[asseldonk3]

Thank DrDoc, simple and efficient, just the way I like it. Thanks!

gr Bram