Hoogte van body relatief aan inhoud

[Verwijderd]

Ik probeer het al een tijd voor mekaar te krijgen om mijn body hoogte relatief te zetten aan de inhoud.
Nu als ik meer tekst in de contentarea zet dan zet die dat gewoon over de footer en daaronder neer.

2 divjes - CSS:

---

.body-wrapper {
min-height: 700px;
height: 100%;
width: 800px;
border: 1px solid black;
background-color: white;
}

.content {
margin-left: 30px;
width: 500px;
}

---

[Pkunk]

Misschien handig als je ook de html erbij zet. Of liever nog: een online voorbeeldje

Oh en je kan code tags gebruiken:

Cascading Stylesheet:

.smurf{display:none}

[Verwijderd]

De html is gewoon 2 divjes. Hoe krijg ik dat? kan zo snel niet vinden.


<div class="body-wrapper">
<div class="content">
inhoud blabla, zodra deze inhoud te lang (hoog) wordt wil ik dat de body en content wrappers
ook hoger worden
</div>
</div>

[ Voor 7% gewijzigd door Verwijderd op 04-04-2009 19:43 ]

[RobIII]

code tags

[mcDavid]

Verwijderd schreef op zaterdag 04 april 2009 @ 19:42:
De html is gewoon 2 divjes. Hoe krijg ik dat? kan zo snel niet vinden.


<div class="body-wrapper">
<div class="content">
inhoud blabla, zodra deze inhoud te lang (hoog) wordt wil ik dat de body en content wrappers
ook hoger worden
</div>
</div>

Dat doen ze standaard?

Is je pagina valide HTML? Welke browser heb je het over?

-edit-

wacht.

Je stelt eerst zelf de hoogte hard op 100% van de body, wat wil je nou precies?

[ Voor 9% gewijzigd door mcDavid op 04-04-2009 20:52 ]

[Verwijderd]

Ah! Opgelost. *schaam*
tot nu toe altijd een height gegeven, wist niet dat standaard gewoon groter werd

[Kiphaas7]

Verwijderd schreef op zaterdag 04 april 2009 @ 21:08:
Ah! Opgelost. *schaam*
tot nu toe altijd een height gegeven, wist niet dat standaard gewoon groter werd

Behalve in IE6, want daar gedraagt height zich als min-height.