Hi all, need help on this tricky thing:
My page is laid out in three layers, the header (about 50px), the content, and the footer(about 50px)
The header goes right at the top (using margin-top:0), the footer goes right below at the foot of the screen(using absolute-positioning with bottom:0), and I want the content to stretch its height to fill whatever screen estate is in between the header and footer.
Apart from using javascript to do screen size detection, is there any way to set this?
TIAI linked to this great article earlier today. You'll like CSS Frames (<!-- m --><a class="postlink" href="http://www.stunicholls.myby.co.uk/layouts/frame.html">http://www.stunicholls.myby.co.uk/layouts/frame.html</a><!-- m -->).that's not exactly wat i want, tho' thanks. Any more suggestions?
My page is laid out in three layers, the header (about 50px), the content, and the footer(about 50px)
The header goes right at the top (using margin-top:0), the footer goes right below at the foot of the screen(using absolute-positioning with bottom:0), and I want the content to stretch its height to fill whatever screen estate is in between the header and footer.
Apart from using javascript to do screen size detection, is there any way to set this?
TIAI linked to this great article earlier today. You'll like CSS Frames (<!-- m --><a class="postlink" href="http://www.stunicholls.myby.co.uk/layouts/frame.html">http://www.stunicholls.myby.co.uk/layouts/frame.html</a><!-- m -->).that's not exactly wat i want, tho' thanks. Any more suggestions?