Ik ben bezig met een website, en ik onderstaande CSS lay-out als basis genomen:
http://www.strictlycss.co...three-column-layout-6.asp
Dit omdat ik wil dat de footer helemaal tegen de onderkant van de pagina aanstaat, en de site dus '100 height'. heeft.
Ik zou nu alleen graag het witte middelste gedeelte een verticale scrollbar willen geven, maar dat is nog niet zo makkelijk.
"overflow-y: scroll" geeft nooit een scrollbar, omdat de hoogte van het object niet bekend is.
Maar het idee is nu juist dat je die hoogte niet weet omdat dat van de schermgrootte afhangt. Met javascript opvragen wil ik ook weer niet doen, omdat de footer dan niet meer netjes onderaan blijft als je het scherm resizet. Of je moet constant pollen naar de grootte. Maar zowiezo wil ik liever geen javascript omdat dat weer warnings geeft in IE7.
Het idee is dus dat ik de layout van de bovengenoemde site wil, maar dat het middelste witte stuk, in het geval dat de tekst hoger is dan de hoogte van het witte vlak, scrollbars krijgt. Lijkt simpel, maar ik kom er niet uit. Iemand ideeen?
http://www.strictlycss.co...three-column-layout-6.asp
Dit omdat ik wil dat de footer helemaal tegen de onderkant van de pagina aanstaat, en de site dus '100 height'. heeft.
Ik zou nu alleen graag het witte middelste gedeelte een verticale scrollbar willen geven, maar dat is nog niet zo makkelijk.
"overflow-y: scroll" geeft nooit een scrollbar, omdat de hoogte van het object niet bekend is.
Maar het idee is nu juist dat je die hoogte niet weet omdat dat van de schermgrootte afhangt. Met javascript opvragen wil ik ook weer niet doen, omdat de footer dan niet meer netjes onderaan blijft als je het scherm resizet. Of je moet constant pollen naar de grootte. Maar zowiezo wil ik liever geen javascript omdat dat weer warnings geeft in IE7.
Het idee is dus dat ik de layout van de bovengenoemde site wil, maar dat het middelste witte stuk, in het geval dat de tekst hoger is dan de hoogte van het witte vlak, scrollbars krijgt. Lijkt simpel, maar ik kom er niet uit. Iemand ideeen?
/u/102549/gimp_logo_icon.png?f=community){kind=icon}