The forums have permanently moved to
forum.kirupa.com. This forum will be kept around in read-only mode for
archival purposes. To learn how to continue using your existing account on the new forums,
check out
this thread.

Need border around entire page, with absolute positioning

Can someone suggest a solution or hack to get the "wrapper" div border to wrap around the two absolutely-positioned column divs? I know the absolute divs are out of the page flow, but maybe there's something that can be done. The border can either go all the way to the bottom of the page, or snugly wrap around the header & columns.

The reason I can't use floats is that my actual code is much more complicated and I'm somewhat new to this, and I've tried and tried with floats and the problems are legion, whereas this way everything works great, EXCEPT this one problem.

vertically-expanding border around floating divs

You asked for it!

Code is attached. It actually isn't too bad after I stripped out everything extraneous. I switched to floating and had some success. The border will expand to fit the left column, just not the right one. You'll see that the right border extends past the bottom of the border.

This only needs to work in IE 7 & Firefox.

Thanks Mr. Light!

Jerome

Originally Posted by fasterthanlight™

wrapper would need to inherit the height of your absolutely positioned divs which is impossible because they are absoluted

otherwise you need to define a height for #wrapper which won't do anything for you if your content's height is not known / changes

but if you switch to floats I guarantee I can help you squash any bugs, no matter how complicated the real code is