minimum height problem

Posted by Hellnar on Stack Overflow See other posts from Stack Overflow or by Hellnar
Published on 2010-04-08T00:11:45Z Indexed on 2010/04/08 0:13 UTC
Read the original article Hit count: 689

Filed under:
|
|

Hello,

assume I have a such html order

<div id="header">>Header(logo, navigation menus etc)will be here, fixed height </div>

<div id="content"> Dynamic content with different length will be here.  </div>

<div id="footer"> Footer of the page here, fixed height </div>

Now as you can see, it is only the content div which will be changing in size as the length changes. I want to make sure the screen is used even if the height of the content is less than to fill the whole. (in other words minimum height of the content will be screen (height in pixel) - ( (height of header) + (height of footer) )

Now I can see that min-widht can be used but it is not supported with IE, how can I achieve this issue ?

© Stack Overflow or respective owner

Related posts about html

Related posts about css