100% height div

Ich habe eine #main div, ich würde gerne die gesamte Seite ausgefüllt wird zwischen dem header und dem footer, wenn es keine Inhalte. Wenn es content ist, sollte es drücken Sie den sticky footer nach unten, was es tut.

CSS:

#main {
 background: transparent url("images/main-content.png") top right repeat-y;
 clear: both;
 overflow: hidden;
 margin-top: -10px;
 height: 100%;
 min-height: 100%;
}

Ich bin mir nicht sicher, warum dies nicht funktioniert. #main erbt von #wrapper und body, so würde ich denken, die Einrichtung zu 100% height und min-height von 100% arbeiten würde.

Website:

http://www.dentistrywithsmiles.com

Vielen Dank im Voraus für Ihre Hilfe bei diesem.

InformationsquelleAutor blackessej | 2011-02-09
Schreibe einen Kommentar