recklessgeneral Posted September 26, 2009 Share Posted September 26, 2009 Hi all, I have been reworking the layout of my website but have run into problems with IE - every other browser renders it correctly. It's basically a 3 column layout with header and footer, but the columns are scrollable instead of the entire page. A mock up can be seen here: http://www.therecklessgeneral.co.uk/tmp/layout.html When viewed in IE, the columns expand to enclose their content rather than taking up the entire space between header and footer. The middle column disappears beneath the footer and out the bottom of my monitor somewhere. I have been fumbling around with it for a while now and only succeeded in making things worse, so if anyone can shed any light on the problem then that's be a huge help. Cheers, Darren. Quote Link to comment Share on other sites More sharing options...
emehrkay Posted September 26, 2009 Share Posted September 26, 2009 100% height only works on elements whose parent has a defined height. You are doing nested 100% height definitions. Id try to work around that. 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.