login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Vraag over height van de container

Offline gvanroemburg - 22/09/2008 13:14
Avatar van gvanroemburgNieuw lid Hallo allemaal, ik heb een container die ik min-height: 100% heb gegeven, maar nu wil ik dus dat die steeds zo groot wordt als de content...

Hoe zorg ik dus dat de div grootte ook steeds net zo groot wordt als de content die erin komt? (Want dit gaat opgevuld worden door gebruikers)

Alvast bedankt!

6 antwoorden

Gesponsorde links
Offline marten - 22/09/2008 13:15
Avatar van marten Beheerder Onder de div container een div of br zetten met style="clear: both;"

Je container vervolgens min-height en height op 100% zetten.
Offline gvanroemburg - 22/09/2008 16:40
Avatar van gvanroemburg Nieuw lid [img]http://94.100.113.44/362200001-362250000/362231101-362231200/362231118_6_rkPv.jpeg[/img]

Ok, dat lichtblauwe is de container en die moet dus mee stretchen met de content (dus helemaal om die boxen)

En zo'n box moet dus ook groter worden als er meer list items zijn dan erin passen (zoals in de screenie)

Stukje uit de CSS: (Hele css wordt een beetje TE veel)
  1. #container {
  2. position: relative;
  3. top: 50px;
  4. width: 960px;
  5. min-height: 100%;
  6. height: 100%;
  7. background-color:#a9cacb;
  8. margin: 0 auto;
  9. }
  10. body,html {
  11. margin: 0px;
  12. padding: 0px;
  13. height: 100%;
  14. background-color:#88c929;
  15. }


En in m'n HTML heb ik:
  1. <div class="clear_float"></div>
Offline Ontani - 22/09/2008 16:54
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
plaats dan tenminste ook de css van .clear_float {
Offline Kr4nKz1n - 22/09/2008 16:54
Avatar van Kr4nKz1n Onbekend class clear_float zie ik nergens terug in je CSS.

Maar kijk ook eens naar overflow: hidden

Ik heb in totaal voor mijn website 6 uur besteed om alles goed op z`n plaats te krijgen 
Offline vinTage - 22/09/2008 16:59
Avatar van vinTage Nieuw lid Je moet sowieso helemaal geen height meegeven imo, dan groeit de container nooit mee, min-height kan dan wel, maar wordt weer niet ondersteund door ie6.

Verder lijkt het mij dat als je al die divjes IN die container plaatst, dat die dan sosieso zichzelf aanpast (en minimaal de min-height aanneemt)
Offline Kr4nKz1n - 22/09/2008 18:35
Avatar van Kr4nKz1n Onbekend Ik heb ook dat probleem gehad, alleen niet met de container, die wou altijd mee groeien. Dit probleem zou dan wel met clear both opgelost moeten kunnen worden.

Alleen ik vraag me af omdat hij niet mee groeit of het dan wel echt de eerste div is.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.231s