div-Bereich nur so gross wie Inhalt

[Vokabulator]

Hallo!

Ich habe meine Seite mit divs strukturiert. Jetzt ist es so, dass meine div Bereiche immer nur so groß sind, wie der Text, der darin steht. Was muss ich machen, damit die Bereiche immer dieselbe Größe haben, auch wenn wenig Text drin steht?

Vielen Dank schon mal!

 

[Tim Lorens]

<div id="bla" style="width: 400px; height: 200px; background-color: blue;color: white;"> text etc. </div>

Die DivBox ist nun 400Pixel breit und 200px Hoch egal wieviel oder wie wenig text darin ist.

 

[Vokabulator]

Danke für die Antwort:

Es ist aber so, dass ich das ganze mit Prozentangaben gemacht habe. Ich habe die Seite so aufgebaut, dass sie in der Breite 80% und in der Höhe 100% des Browserfensters einnimmt. Meine beiden divs sollen in der Höhe immer 100% des übergeordneten divs haben.

 

[Tim Lorens]

<div id="bla" style="width: 400px; height: 100%; background-color: blue;color: white;"> text etc. </div> ?

 

[Vokabulator]

genau das funktioniert leider nicht :) die width funktioniert komischerweise so, aber die height nicht.

 

[Tim Lorens]

dann versuchs mit pixel ;)
weiter weiß ich leider auch nicht mehr

mfg

 

[threadi]

Prozentangaben beziehen sich immer auf die Werte der Umgebung. Wenn Du also

<div>
<div style="height: 100%;">...</div>
</div>

hast, wird sich das innenliegende Element an nichts anpassen.

Wenn Du dagegen

<div style="height: 100px;">
<div style="height: 100%;">...</div>
</div>

angibst, dann ist das innenliegende Element ebenso hoch wie das äußere.

Wenn Du es in Bezug auf eine ganze Webseite machen willst, musst Du auch für html und body eine Höhe angeben.

html, body { height: 100%; }

 

[Vokabulator]

daaaanke! DAS hab ich gesucht... ich hab um die beiden divs noch ein anderes div gemacht.... jezz klappts :)