automatische hoogte wrapper

[vacances2000]

Beste,
Ik ben hopeloos op zoek naar een oplossing om de wrapper automatisch van hoogte te laten verschillen afhankelijk van hoeveelheid tekst, echter lukt dit niet echt.

Dit is mijn code:

body{
	background-color: #090;
	font-family: 'Candara', Trebuchet MS, Verdana, sans-serif;
	font-size: 12pt;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper{
	background-color: #FFFFFF;
	position: relative;
	text-align: left;
	top: 0px;
	width: 1015px;
	margin: 0 auto;
	height: auto;
}

Ik heb height: auto geprobeerd, evenals overflow: hiddden en overflow:auto, maar niks helpt....Iemand die kan helpen?

Alvast dank!

Jonathan

 

[Tha Devil]

Verplaatst van HTML naar CSS

 

[csshunter]

Normaal gesproken zou de wrapper gewoon mee moeten rekken met de inhoud, ook zonder een {height: auto}.
Maar ...

• als er binnen de wrapper elementen zitten die een float hebben, of
• als er binnen de wrapper elementen zitten die een absolute positie hebben,

... dan onttrekken die elementen zich aan de "normal flow" van de tekst in de wrapper: dan doet de wrapper ongegeneerd alsof die elementen er in niet bestaan - en rekt dus ook niet mee.
Wat zit er allemaal binnen de wrapper?

PS: de Candara hoeft niet tussen aanhalingstekens, de "Trebuchet MS" moet wel aanhalingtekens hebben (omdat er een spatie in zit).

 

[vacances2000]

Beste CSShunter,
Ik heb je adviezen doorgevoerd, maar ook even wat nieuwe tutorials gelezen met gebruik van clear:both; en float samen, al met al werkt het!

Thanks

Jonathan