CSS help - stretching div's vertically?

gerry87

Hey, I'm trying to do something using CSS. I'm looking to set it up a type of results page using containers.

The problem i'm having is that it when the results get too long for the container they're in the container won't stretch to accommodate them.

The closest i can find to the area that might be wrong is the overflow of the container. Does anybody know what I might be doing wrong?

Here are some samples of the problem:
http://swoponomics.com/test-hidden.html
http://swoponomics.com/test-scroll.html
http://swoponomics.com/test-visible.html

Goodshape

You have position : absolute; on #leftresult and #rightresult which is causing problems. There's no need for it.

Starting with your test-hidden.html ::

remove height:300px; from #rightnavigation
remove position: absolute; from both #leftresult and #rightresult
add float : left; to both #leftresult and #rightresult

...and that should do the trick.

You'll probably then need to add a clear : left; to any element you want to put underneath those two, to clear the left floats.

gerry87

Thanks, worked perfectly on that test page. Just trying to get it going on the real one, the code's just a tad messy! I'll keep you posted.