Aangezien ik bezig ben mijn website van HTML naar XHTML te maken kom ik een paar CSS probleempjes tegen...
Ik had voorheen een <table> een height attribuut van 100% gegeven, zodat de tabel 100% van het browser scherm was, tenzij de inhoud van de pagina langer was dan de hoogte van het scherm. Dan ging ie namelijk gewoon mee met inhoud.
Ik wil nu dus hetzelfde effect bereiken met een div en CSS, alleen het wil niet erg lukken.
De div met de pagina inhoud #page moet dus (height) 100% van het scherm zijn wanneer de tekst het scherm niet vult. Is er meer tekst dan op het scherm past dan wordt de height dus meer dan 100%.
Ik dacht aan de CSS2 property min-height, maar die werkt niet op IE en geeft niet het gewenste resultaat.
Ik had het volgende o.a. geprobeerd, maar hiermee krijg ik een ongewenste verticale scrollbalk:
Iemand ideeën?
Zie hier de pagina > http://www.rszdesign.com/temp/csstest/
en de CSS > http://www.rszdesign.com/temp/csstest/global/styles.css
Ik had voorheen een <table> een height attribuut van 100% gegeven, zodat de tabel 100% van het browser scherm was, tenzij de inhoud van de pagina langer was dan de hoogte van het scherm. Dan ging ie namelijk gewoon mee met inhoud.
Ik wil nu dus hetzelfde effect bereiken met een div en CSS, alleen het wil niet erg lukken.
De div met de pagina inhoud #page moet dus (height) 100% van het scherm zijn wanneer de tekst het scherm niet vult. Is er meer tekst dan op het scherm past dan wordt de height dus meer dan 100%.
Ik dacht aan de CSS2 property min-height, maar die werkt niet op IE en geeft niet het gewenste resultaat.
Ik had het volgende o.a. geprobeerd, maar hiermee krijg ik een ongewenste verticale scrollbalk:
Cascading Stylesheet:
1
2
3
4
5
| html, body, #page { _height: 100%; min-height: 100%; height: 100%; } |
Iemand ideeën?
Zie hier de pagina > http://www.rszdesign.com/temp/csstest/
en de CSS > http://www.rszdesign.com/temp/csstest/global/styles.css
[ Voor 12% gewijzigd door Verwijderd op 23-06-2004 16:06 ]