Lengte container

[anoniem]

Hoi, Ik probeer een liquid design te maken van mijn website: [url]http://www.pimpjeconsole.nl[/url]. Ik probeer hem 80% van het beeldscherm te krijgen. Dat is wel gelukt maar de container groeit niet mee. De opbouw van mijn website is: [code:1:e45aa6715e] <div id="container"> <div id="top"> // header image </div> <div id="middle"> </div> <div id="bottom"> </div> </div> [/code:1:e45aa6715e] Zoals je ziet zit alles in de container, maar de container is maar 100px (zoiets, niet precies) hoog hoewel ik de hoogte van de container niet geset heb. Dit is mijn [url=http://www.pimpjeconsole.nl/projecten/liquidpjcalfa.css]stylesheet[/url] en dit is het [url=http://www.pimpjeconsole.nl/projecten/liquidpjcalfa.php]liquid design[/url] Groeten, Rogier

[anoniem]

Als je al die position:absolute-onzin weghaalt, ziet het er al een stuk beter uit (wel ff de sidebar goed zetten). Bij 9 op de 10 positioneringskwesties heb je geen position:nogwattes nodig, alleen float, margins en paddings. Position:absolute geeft vaak alleen maar problemen. Zoek maar eens op dit forum naar 'position:absolute'. Hoe je een driekolomslayout kunt bouwen: [url=http://joshuaink2006.johnoxton.co.uk/blog/196/a-simple-guide-to-3-column-layouts]Joshuaink: a simple guide to 3 column layouts[/url]

[anoniem]

Zonder de position:absolute, doet hij het inderdaad ook dus dat heb ik inmiddels weg gehaald, maar het probleem was dat de container niet mee groeide met de child-divs dus dat ie maar zo groot werd als de header-div. Nu heb ik met een beetje javascript en een php-stylesheet de min-height van de container op de gebruiker z'n resolutie gezet, maar er moet een CSS oplossing zijn denk ik..

[anoniem]

O, ja dat was ik nog vergeten te vermelden. Heb je je floats gecleared? Dat doe je door bijv. de container van de floats een overflow:hidden mee te geven, of het element na die container een clear:both mee te geven. Zie ook www.google.nl/search?q=clearing+floats