login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Een scherm 100% (Opgelost)

Offline WouterPSV - 04/03/2009 16:29 (laatste wijziging 04/03/2009 16:29)
Avatar van WouterPSVLid Hallo,

Ik zit met het volgende probleem.

Ik heb een site waarvan de top altijd 125px hoog is. En daar onder nog een middenstuk en een footer.

Nu is mijn vraag hoe kan ik het zo maken dat als het middenstuk ( die op height:auto; staat) hoger word dat de footer kleiner word.

De footer moet echter wel altijd 106 px hoog blijven.

Ik heb het volgende aan CSS:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container { width:100%; height:100%; margin:auto; background-color:#fff; }
  2.  
  3. #top	{ width:100%; height:125px; background-color:#ff7d01; text-align:center; }
  4.  
  5. #middle { clear:both; width:100%; height:auto; background:#000; }
  6.  
  7. #footer { width:100%; height:100%; background-color:#ff840d; text-align:center; }

2 antwoorden

Gesponsorde links
Offline marten - 04/03/2009 16:31
Avatar van marten Beheerder Bekijk eens:

http://www.polisgarant.nl als voorbeeld deze is 100% hoog bekijk de css en de html
Offline WouterPSV - 04/03/2009 16:41 (laatste wijziging 04/03/2009 17:20)
Avatar van WouterPSV Lid Dat moet ik dus niet hebben.

Als de content van het midden maar 10 regel bevat moet de footer gewoon omhoog gaan. En dan word de rest tot onder opgevuld met een opvul kleur.

-----
EDIT
-----

Ik heb het zelf opgelost.

Ik heb de achtergrond van mijn container veranderd. Heb het nu zoals ik het wil.

Ondanks dat marten bedankt voor je hulp  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s