Probleme mit min-height: 100%

Dimitrj

Grünschnabel
Hallo Tutorials.de-Leute

Ich bin in diesem Forum auf eine Lösung für ein Problem gestossen.
( http://www.tutorials.de/forum/css/257596-css-min-height-im-firefox-ie.html ) Nur leider funktioniert sie bei mir nicht: (IE integriere ich erst, wenn FF tt :) )
Firefox weigert sich standhaft, den container 100% gross zu machen, sodass der Schatten unter dem Footer aufhört.

http://www.echo-com.ch

der dazugehörige css code:

Code:
html {
	height: 100%;
	overflow: scroll;
}
body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/hintergrund/hintergrund.jpg);
	padding: 0px;
	margin: 0px;
}
div.wrap {
	min-height: 100%;
	background-image: url(images/hintergrund/illu.jpg);
	background-repeat: no-repeat;
	background-position: center 100px;
	margin: 0px auto;

}
div.container {
	min-height: 100%;
	background-image: url(images/hintergrund/schatten.png);
	background-repeat: repeat-y;
	width: 600px;
	margin: 0px auto;
}

Keine Ahnung worans liegen könnte, vielleicht seid ihr weniger blind als ich.

Das komplette CSS wäre sonst hier: http://www.echo-com.ch/template.css

Danke im Voraus!

Dimitrj
 
Hi,

lediglich der äußere DIV-Block .wrap kann im Viewport eine Mindesthöhe von 100% einnehmen.

mfg Maik
 
Gäbe es eine Lösung, wärst du der Erste gewesen, der sie hier erfahren hätte ;)

mfg Maik
 

Neue Beiträge

Zurück