I have to create a centered div that has a certain width and is as tall as the browser window, I have managed to do this for all browsers but there's a problem, here's my code:
/* CSS Document */
I understand that to cover the full lenght of the page the div has to have hight 100%, this only works for ie if you make the body have height 100% too, for firefox I have to set html to have 100% hight as well and all works fine, for one exception, if my page is longer than the browser window viewport the div only streches as long as the initial viewport, if I scroll down the div no longer streches, what is there to do?
I corected this with a table cell that has the bg color the same as the div, but the design got very complicated, how to avoid tables?
You can view the entire site here:http://cstech.ro/inlucru/
Have you tried min-height:
Have you tried min-height: 100%?
That could work at a glance.
I've experienced this dillemma in the past myself.
Do you want the div to maintain a consistent 100% height, or do you want it to be at least 100%?
You may need to use 'css frames' if it is the former, in which case you would position your footer absolute, with bottom: 0.
min height won't work, eider
min height won't work, eider I'm dumb or css frames won't do the trick eider because I want the site to behave as it does now... as a wise man once said: "Tables are dead, long live tables"