06 / 09 / 2010

CSS – Navi mit DIV – 100% Höhe

Februar 21, 2010 by phil  
Filed under CSS

Wer mit Navigation und DIVs arbeitet kommt schnell zu dem punkt, dass man ein Div mit 100% Höhe braucht. Hier ein kleiner Hack wie das zu realisieren ist:

/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */
html,body {margin:0;padding:0}

#outer{min-height:100%;height:auto;background:#ffffcc}
* html #outer{height:100%;}/* ie6 and under*/

Funktioniert nur mit einem Geschachteltem Layout. Ein Beispiel folgt noch.
Quellen:
http://www.webmasterworld.com/forum83/200.htm
http://codesnippets.joyent.com/posts/show/938