Div-Box immer auf 100% und wenn mehr, dann mehr

Don José · #1 (**permalink**) 29.06.2008, 12:56

Hallo zusammen,

ich habe momentan ein blödes Problem. Ich habe in der Mitte der Seite eine div-Box, die immer die komplette Höhe ausfüllen soll. Das klappt soweit auch ganz gut. Gelöst habe ich es wie folgt:

Code:

* {
margin:0;
padding:0;
}

html {
height:100%;
}

body {
background-color:#fff;
height:100%;
width:100%;
}

#div_box {
background-color:#000;
margin:0 auto 0 auto;
height:100%;
width:760px;
}

Soweit, so gut. Wenn jetzt aber der Text in der div_box länger ist als 100% dann endet der schwarze Hintergrund der div_box exakt nach 100% und wenn man weiterscrollt, dann ist der die Box dort zu Ende.

Kann man das irgendwie umgehen? Habe noch keine Lösung entdeckt dafür, dass die Box immer bis an den unteren Rand des Browsers geht.

Danke euch!

b74 · #2 (**permalink**) 29.06.2008, 15:34

Du könntest das "height: 100%" bei der id "div_box" rausnehmen, dann passt sich die Box immer dem Inhalt an.

nachteil ist, dass die box nicht immer 100% zeigt, auch wenn ein kleiner text ist...

aber ne andere lösung kenn ich erstmal nicht

Boris · #3 (**permalink**) 29.06.2008, 16:04

Das Zauberwort hier heißt min-height

Don José · #4 (**permalink**) 29.06.2008, 16:28

OK, min-height habe ich getestet, aber ohne Erfolg. Auf welche ID muss ich das denn applikieren

auf die div_box, oder?

Boris · #5 (**permalink**) 29.06.2008, 18:50

Schau mal hier - du musst ein wenig mehr angeben, damit es in allen Browsern funkt:

IE7 bad behaviour

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fragen zu CSS und Joomla	DOKTOR	CSS	2	23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts	Zwox	CSS	10	19.11.2010 16:53
Header entfernen	tripple	CSS	17	15.06.2010 15:41
#boxes a:hover.info: 2.posting mit css !!!	marioN	CSS	5	25.01.2004 17:04
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac,	marioN	CSS	2	19.01.2004 17:17