:strip_icc():strip_exif()/u/74381/res-q.jpg?f=community)
Goeiemorgen 
Voor mijn stagebedrijf ben ik bezig met het ontwerpen van een nieuwe website, omdat de andere verouderd is. Nu doe ik dat, zoals het hoort, niet met tabellen, maar met layers en CSS. Na enige tijd hiermee te hebben gestoeid heb ik dit al aardig onder de knie, en begint het zowaar ergens op te lijken.
De lay-out heb ik als volgt bedacht:
Een header, een sub-header met daarin enkele menu items, daaronder een menu met een content-vak en helemaal onderaan een footer. De header, sub-header en footer blijven altijd in beeld.
De hele site staat gecentreerd op de pagina en is 700 pixels breed. De pagina loopt tot helemaal onderaan door, en de balk met menu en content wordt zover uitgerekt dat het schermvullend wordt. Tot zo ver geen problemen.
Methode van werken:.
Dit geheel staat uitgewerkt op http://members.home.nl/jasperboere/cssprobleem/
Het gaat allemaal goed, tot het moment waarop de inhoud, zoals in de link hierboven, groter wordt dan de de pagina lengte. Er komt dan een scrollbalk bij de middelste regel, en dit is ook de bedoeling. In Firefox eindigt deze scrollbalk boven de footer, en dat is helemaal goed.
Probleem: In IE echter, valt de scrollbalk achter de footer en gedeeltelijk van de pagina af.
Ik heb gezocht op GoT, en het volgende topic gevonden: [rml][ css] 3 rows, 2 vast, de ander zoekt het maar uit[/rml] . Vooral deze post van Crisp heeft mij enorm geholpen. Ik kom er echter nog steeds niet helemaal uit.
De desbetreffende CSS: http://members.home.nl/ja...hemes/cloudblue/style.css
De plaatsing van de "hoofd-div's" begint vanaf #container {, dit is de hoofdcontainer.
Wat ik heb geprobeerd
Bijkomend probleem: -moz-box-sizing is geen officieel W3C css. Is hier een alternatief voor? Ik zou graag de site volledig XHTML en CSS goedgekeurd willen hebben.
Inmiddels ben ik redelijk radeloos, ik heb het er al uitgebreid met een klasgenoot (redelijk kennis van CSS) over gehad, en we komen er beide niet uit, vandaar dat ik hier post.
Ik hoop dat jullie me kunnen helpen
Voor mijn stagebedrijf ben ik bezig met het ontwerpen van een nieuwe website, omdat de andere verouderd is. Nu doe ik dat, zoals het hoort, niet met tabellen, maar met layers en CSS. Na enige tijd hiermee te hebben gestoeid heb ik dit al aardig onder de knie, en begint het zowaar ergens op te lijken
. De lay-out heb ik als volgt bedacht:
Een header, een sub-header met daarin enkele menu items, daaronder een menu met een content-vak en helemaal onderaan een footer. De header, sub-header en footer blijven altijd in beeld.
De hele site staat gecentreerd op de pagina en is 700 pixels breed. De pagina loopt tot helemaal onderaan door, en de balk met menu en content wordt zover uitgerekt dat het schermvullend wordt. Tot zo ver geen problemen.
Methode van werken:
- Hoogte van html en body ingesteld op 100%
- Een hoofdcontainer gemaakt om alles in te positioneren, hoogte op 100%
- Banner en sub-banner div in deze hoofdcontainer gehangen
- Sub-container in de hoofdcontainer voor het menu en de content *
- Sub-sub-container voor de items in het menu
- Helemaal onderaan een sub container voor de vakjes met copyright en updat informatie
. Dit geheel staat uitgewerkt op http://members.home.nl/jasperboere/cssprobleem/
Het gaat allemaal goed, tot het moment waarop de inhoud, zoals in de link hierboven, groter wordt dan de de pagina lengte. Er komt dan een scrollbalk bij de middelste regel, en dit is ook de bedoeling. In Firefox eindigt deze scrollbalk boven de footer, en dat is helemaal goed
. Probleem: In IE echter, valt de scrollbalk achter de footer en gedeeltelijk van de pagina af.
Ik heb gezocht op GoT, en het volgende topic gevonden: [rml][ css] 3 rows, 2 vast, de ander zoekt het maar uit[/rml] . Vooral deze post van Crisp heeft mij enorm geholpen
. Ik kom er echter nog steeds niet helemaal uit. De desbetreffende CSS: http://members.home.nl/ja...hemes/cloudblue/style.css
De plaatsing van de "hoofd-div's" begint vanaf #container {, dit is de hoofdcontainer.
Wat ik heb geprobeerd
- Padding en margin voor de middelste sub-container ingesteld
- -moz-box-sizing andere eigenschappen meegegeven
- De hele lay-out opnieuw opgebouwd, met copy-paste uit de eerder genoemde post van Crisp
Bijkomend probleem: -moz-box-sizing is geen officieel W3C css. Is hier een alternatief voor? Ik zou graag de site volledig XHTML en CSS goedgekeurd willen hebben
. Inmiddels ben ik redelijk radeloos, ik heb het er al uitgebreid met een klasgenoot (redelijk kennis van CSS) over gehad, en we komen er beide niet uit, vandaar dat ik hier post.
Ik hoop dat jullie me kunnen helpen
[ Voor 4% gewijzigd door Res-q op 25-02-2005 11:37 ]
en zo is het voorspeld!
:strip_exif()/u/39521/icoon.gif?f=community)
:strip_exif()/u/3140/106386.gif?f=community)
:strip_icc():strip_exif()/u/43473/crop5e12eeae6a054_cropped.jpeg?f=community)
Wat nu niet het geval is, alleen maar een hoop tekst, geen h* tags etc. Een menu kan prima in een list 
