[CSS] height: 100% loopt niet tot onderkant door

[Verwijderd]

Ik ben nog steeds bezig met de site voor mijn profielwerkstuk. De layout klopt nu zoals ik het wil op een ding na:

Als je kijkt op http://samchestido.nl.eu.org/ dan zie je dat de zwarte achtergrond niet doorloopt tot onder aan het scherm. Ik heb wel height: 100% aangegeven in het CSS bestand. Hoe kan ik ervoor zorgen dat hij sowieso doorloopt tot het einde van het scherm, en als er meer inhoud is dat hij dan gewoon stretched?

Site: http://samchestido.nl.eu.org/
Stylesheet: http://samchestido.nl.eu.org/styles/default.css

[Fles]

Het html element moet nog op 100% gezet worden, dan werkt hij wel

Cascading Stylesheet:

html {
height: 100%;
}

[ Voor 8% gewijzigd door Fles op 01-03-2007 12:41 ]

[Verwijderd]

Oh echt HEEL erg bedankt, super, zo'n snelle reply!

[Verwijderd]

Hmm, het enige probleem is dat hij nu verder doorloopt dan het einde van de pagina, terwijl er geen content is die verder loopt Rare taal, CSS...

[Fles]

In welke browser bekijk je dat, bij mij in FF2, IE6 en Opera 9 wordt hij goed getoond.

[ Voor 9% gewijzigd door Fles op 01-03-2007 13:42 ]

[BasieP]

Fles schreef op donderdag 01 maart 2007 @ 13:40:
In welke browser bekijk je dat, bij mij in FF2, IE6 en Opera 9 wordt hij goed getoond.

hij ziet er goed uit, maar is dit niet

@TS:
komt omdat 100% height 100%height is, als je dus een header hebt, en daaronder een divje van 100% height, dan kom je dus op meer dan 100%.. (wat dus helemaal klopt)

wat jij wilt is direct iets wat in css standaard vrij lastig is. Een mogelijkheid is om een container te maken (heb je al) en die 100% hoog te maken. Daarin plaats je dan een ander divje, waarin je je header hebt, en daaronder een divje voor je tekst.

dit laatste divje groeit met je tekst mee, dus die kan groter worden dan de container div. In dat geval kan je die laten scrollen (overflow: auto;)

[Fles]

De container div van de TS bevat de zwarte achtergrond. Deze kan gewoon 100% zijn. Er zit dus geen div van 100% onder de header.

[BasieP]

Fles schreef op donderdag 01 maart 2007 @ 13:53:
De container div van de TS bevat de zwarte achtergrond. Deze kan gewoon 100% zijn. Er zit dus geen div van 100% onder de header.

mm nu ik weer kijk zie ik het.. het divje 'cc' is de container.. (net aangepast of ben ik scheel?)

dan zie ik het probleem ook niet echt

[Verwijderd]

Hij showde bij mij niet goed, maar nu opeens wel, terwijl ik geen enkele aanpassing heb gemaakt in de code

Hij doet het nu in ieder geval, bedankt iedereen!