[CSS] Height = 100% wil niet lukken

[Rexomnium]

Hoi mensen daar ben ik weer

Ik ben op 95% van de realisatie van een restyling van mijn website. Ik ben overgestapt van een lay-out in tabellen naar een lay-out in divs. So far so good. Het is allemaal redelijk gelukt, maar ik loop nog tegen één dingetje aan dat ik niet opgelost krijg.

Dit is even de situatie: Klik hier
Ik wil dat net zo krijgen als in deze situatie Klik voor test 2

Ik wil dus dat alle drie de vakken helemaal uitgesmeerd worden over de hoogte van het scherm. Daaronder krijg ik de credits die in het midden staan en die net zo breed zijn als het scherm met de inhoud.

Hier kun je mijn CSS vinden.

Wie kan me (wederom) op weg helpen?

[Verwijderd]

Cascading Stylesheet:

#menuleft, #contentcenter, #menuright {
    height:100%;
}

Bedoel je dit

[Rexomnium]

Nee, want dat werkt niet

[Verwijderd]

Als je er nou bijvertelt wat er niet aan werkt, dan kunnen we je misschien helpen.

[Rexomnium]

Wat er niet aan werkt? Dat lijkt me toch niet zo moeilijk.
Ik wil de pagina er precies zo uit laten zien als in situatie 2.
In situatie 1 zie je dat het linkermenu, de content en het rechtermenu een variabele lengte hebben, al naar gelang de inhoud van die layers. Ik wil ze dus alledrie even lang. Of de inhoud van de content nou meer is of de inhoud van de beide menu's.

Jouw oplossing zorgt daar niet voor.

Dit is even de situatie: Klik hier
Ik wil dat net zo krijgen als in deze situatie Klik voor test 2

Hier kun je mijn CSS vinden.

Wie kan me (wederom) op weg helpen?

Ik wil de css versie hebben zoals de tabelversie

[JayVee]

Uhm, misschien kan het helemaal niet? Ik gebruik div nooit, altijd tabellen...
Maar als ik hier kijk: http://www.w3schools.com/tags/tag_div.asp
Dan zie ik geen attribuut height of zo. Lijkt mij dat je dat dan ook niet met CSS voor elkaar krijgt.

[Bosmonster]

attributen != CSS

Maar goed.. als we vragen wat er fout gaat bedoelen we meer.. hoe ziet het eruit als je WEL height:100% aan je CSS toevoegt.. anders moeten wij om het effect en dus het probleem te zien zelf je code gaan lopen aanpassen

[Rexomnium]

Bosmonster schreef op 03 juni 2003 @ 12:40:
attributen != CSS

Maar goed.. als we vragen wat er fout gaat bedoelen we meer.. hoe ziet het eruit als je WEL height:100% aan je CSS toevoegt.. anders moeten wij om het effect en dus het probleem te zien zelf je code gaan lopen aanpassen

Goed

Ik heb de atributen bij #menuleft, #contentcenter en #menuright op height: 100%; gezet. Zoals je kunt zien werkt het niet, want nu worden ze dan wel allemaal even lang, maar niet op de goede manier. De tekst loopt nu gewoon door en over de borders die ik heb aangegeven.

De #content op height: 100%; zetten helpt ook niet echt

[ Voor 19% gewijzigd door Rexomnium op 03-06-2003 12:52 ]

[OkkE]

Waarom staat al die tekst in GoTs naam ook weer allemaal in een apparte div?!

[Ms_Hyde]

Om per div de height te laten rekken met het inhoud moet je dit tag gebruiken:
<br style= "clear: both;" />

Als je die tag zet na het sluiten van je voorlaatste div aan het einde van je pagina, dan rekken de linker en rechter menu zich met het inhoud, maar het midden niet.

[ Voor 6% gewijzigd door Ms_Hyde op 03-06-2003 13:49 ]

[Verwijderd]

Misschien heb je hier wat aan:

Advanced CSS Layouts: Step by Step

[Verwijderd]

En ik vermoed dat je hier ook wel iets aan hebt. Bij mijn laatste site heb ik de browser ook in quirks mode moeten laten draaien, omdat het anders niet te doen was.