[CSS]middelste gedeelte wordt langer en andere velden niet

[ReseTTim]

ik heb de site in 3 vertikale divs gemaakt.

namelijk:linkerkolom, content, sfeer_rechts

in het content gedeelte komt dus alle tekst en zoals je kunt zien op de afb is dat de tekst onder de footer doorgaat. daarnaast blijft dus linkerkolom, sfeer_rechts en footer op dezelfde plaats staan.

ik wil natuurlijk dat deze ook mee naar beneden gaan zodat het goed staat.

min-height en percentage bij height is geen oplossing

http://resettim.nl/sineth/layout.php
http://resettim.nl/sineth/styles.css

hoe pas ik mijn css aan zodat die linker, rechter en footer gedeelte ook naar beneden gaat?

[Sappie]

je positioneert een heleboel absoluut en haalt het daarmee uit de flow zodat het een geen invloed meer heeft op het ander. beter centreer je gewoon door de left en right margin op auto te zetten zodat je niet zo vaak gebruik hoeft te maken van absolute positionering.

[JHS]

Illustratie bij het verhaal van Sappie: http://jaap.deviousness.c...gine/css/horcentered.html .

Enigzins opgefleurde css voor het bovendeel:

Cascading Stylesheet:

#header {
    margin: 0 auto;
    width : 800px;
    height : 76px;
    background-image: url(images/header.jpg);
}

#menu {
    background-color: #6B81A3;
    margin: 0 auto;
    width : 625px;
    padding-left: 175px;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

Als je vervolgens centreert met behulp van je container en vervolgens met behulp van de flow je drie columns doet, wordt die footer ook een stuk makkelijker. Zie verder hier over een 3 column layout, alhoewel de css daar ook nog wel wat aanpassing behoeft .

[ReseTTim]

positioning is gefixed echter nog niet die 3 colomn layout.. ben de source aan het bekijken ervan..

snap nog niet geheel wat ik moet aanpassen..

idd mag heel wat css / code nu wijzigen

[edit]

ok gelukt nu mag ik alle code herschijven
en dat zijn toch best wel wat pagina's

[ Voor 23% gewijzigd door ReseTTim op 20-02-2006 19:40 ]

[ReseTTim]

mmh het rare is nu dat het middelste gedeelte altijd naar links knalt als er geen tekst links van staat

en hij rekent de hoogte van de afbeeldingen ook niet mee

[edit]

AARGH.. staat ie in Fx wel goed maar in IE weer niet..

[ Voor 40% gewijzigd door ReseTTim op 20-02-2006 20:38 ]