Ga naar inhoud
  • 0

Lengte container


anoniem

Vraag

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
Link naar reactie

3 antwoorden op deze vraag

Aanbevolen berichten

  • 0
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]
Link naar reactie
  • 0
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..
Link naar reactie

Doe mee aan dit gesprek

Je kunt dit nu plaatsen en later registreren. Indien je reeds een account hebt, log dan nu in om het bericht te plaatsen met je account.

Gast
Antwoord op deze vraag...

×   Geplakt als verrijkte tekst.   Plak in plaats daarvan als platte tekst

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...