chiprivers Posted November 22, 2006 Share Posted November 22, 2006 Being new to using CSS for page layout, I am trying to get used to the anomolies across different browsers, so any assistance would be appreciated.I am trying to layout my page template in <DIV>'s and one <DIV> will hold the main page display area. I want this <DIV> to have a minimum height set so that it always fills to the bottom of the screen. However, I am getting stuck having this increase in size when there is more content. When I display the page in IE7, the <DIV> expands in height to allow for any additional content, but when I display the page in Firefox, the content overflows the bottom of the <DIV>. Is there a way I can ensure the layout works across different browsers? Quote Link to comment Share on other sites More sharing options...
wildteen88 Posted November 22, 2006 Share Posted November 22, 2006 If you want to set a div to minimal height, for its default hight when the contents is less than height of actually div then you'll want to use min-heightHowever min-height is not supported in IE6 or below and perhaps some other browsers, IE7 Now handles this CSS attribute fine. I'm not sure how to get this to work in IE6 (or below) perhaps there's a CSS hack available. Quote Link to comment Share on other sites More sharing options...
chiprivers Posted November 22, 2006 Author Share Posted November 22, 2006 Can I use height and min-height in the same element? Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted November 23, 2006 Share Posted November 23, 2006 google 'css hacks' Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.