[Solved]Problem with height of the content-area in a site

[r00ki3]

Hi there,

I'm building a site for a client. and there's a problem that i can't solve.

To see what the problem is i've uploaded a screenshot of the situation.

The problem is that the height of the content area of my site isn't that long as i wanted.
The problem only shows up in IE 6.0!

in Firefox and safari & IE 7 there's no problem!
The siteurl is
http://madelief.martinstruik.nl

I hope someone can help me out...

[michelG]

Hi r00ki3.

The problem is because you're using percentage values in your heights. I have never been able to make it work correctly accross browsers. When you have it right in IE6, it breaks on all the others. And when you have it work in FF, IE7, and Safari, well...guess what?...it breaks in IE6.

I am not aware of a good cross-platform solution using percentages in heights. (Maybe someone else does?)

As you are using absolute positioning, and if you can control fixed relative heights, "em" values for those would be the way to go.

Personally, I would not use absolute positioning;  I would position all the DIV blocks using floating declarations and/or negative margins; and I would have the page container with the background color you want to see in your main content area.


Michel

[r00ki3]

Thnx for the helpfull information.
I played with the "height" in px, em and so on.
And finally it worked out the way i wanted it to be