login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS 100% height met margin (incl. sticky footer)

Offline Hyra - 26/09/2007 10:41
Avatar van HyraNieuw lid Goedemorgen,

wat ik probeer te bereiken is het volgende:
- een fixed-width div container met 100% height
- een "sticky footer" met 100% width welke altijd onderaan staat

Dit is gelukt.

Echter, ik wil nu een 10px margin boven de container div. Maar als ik dit doe dan verschijnt er een scrollbalk. Heb al zitten pielen met negatieve margins en paddings op alle verschillende elementen mbv/na hoop gegoogle, maar niks wil de oplossing bieden.

Hier staat de code:

http://www.plaatscode.be/3418/

Als er nu op de #nonFooter een "margin-top: 10px;" gezet wordt krijg je wel de margin, maar dus ook de scrollbalk.

Als bonus gaat de footer een klein stukje over de tekst heen (dit zie je als je de tekst langer maakt of de browserwindow kleiner maakt).

Ik ben redelijk "out of ideas", dus als iemand een oplossing weet dan meer dan meer dan meer dan graag! 

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.202s