100% Inhalts-Höhe

Hier siehst du eine weitere Variante. Der "Inhalt DIV" wird mittels JavaScript (jquery) immer auf 100% des Browserfensters skaliert.

<style type="text/css"> #footer{ position:fixed; left:0px; bottom:0px; height:30px; width:100%; background:#999; } /* Für ie6*/ * html #footer{ position:absolute; top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); } </style> <script type="text/javascript"> function setnewcontentheight(){ $("#inhalt").height(Math.max($(window).height()-$("#footer").height(),$('#inhalt').height())); } $(window).resize(function(){ setnewcontentheight(); }); $(document).ready(function() { setnewcontentheight(); }); </script>

Weitere fixierte Footers:
Normal | 100% Inhalts-Höhe | Stop bei Inhalts-Höhe