Hi all,
I've been trying to achieve a layout which uses two full height
columns, with the
#wrapper { min-height:100%; }
* html #wrapper { height:100%; }
approach used in a few places
(http://css-discuss.incutio.com/?page=HundredPercentHeight).
However, I've not been able to get this type of layout to work with
two background images, when the content overflows the bottom of the
viewport. There is an example page here:
http://fullheight.monotherapy.dyndns.org/index.html
Two other issues I haven't been able to resolve with this layout:
* margin: 0 auto; to position the layout in the middle of the
screen... because I'm using floats, I can't do this, and when I wrap
everything in a float and try setting the height on this element, I
lose the full height effect anyway
* with footer content of different heights on the main column and
right column, things get even more complicated!
I'd really appreciate any suggestions on this, or pointers to places
where it's been done properly.
thanks in advance,
Tom
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
