login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Copyright onderaan

Offline vechtertje0 - 18/07/2007 16:12
Avatar van vechtertje0Lid Hallo iedereen,
ik zou graag op elke pagina een footer (copyright, disclaimer, over ons, ...) opnemen. Dat doe ik met include('footer.php'), maar die zou ik dan willen laten positioneren via css. Ik heb in mijn stylesheet een class footer gemaakt met de volgende eigenschappen:
.footer {
position: relative;
bottom: 5px;
}

Het was de bedoeling dat de footer nu op 5 px van onder werd weergegeven maar hij word helemaal bovenaan de pagina weergegeven.

Wat moet ik dan gebruiken en hoe? Margin, float???

4 antwoorden

Gesponsorde links
Offline Grayen - 18/07/2007 16:13 (laatste wijziging 18/07/2007 16:14)
Avatar van Grayen PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .footer
  2. {
  3.     bottom: 5px;
  4.     left: 0;
  5.     position: absolute;
  6. }
Offline vechtertje0 - 27/08/2007 21:27
Avatar van vechtertje0 Lid Nee, zo werkt het ook niet, want nu ziet hij als bottom de onderkant van de pagina, maar een pagina is langer dan de ongeveer 700 px van een scherm.
Offline DenMette - 27/08/2007 21:33
Avatar van DenMette PHP gevorderde
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .footer {
  2.     margin-top: 5px;
  3.     clear: both;
  4. }


Normaal zou hij nu helemaal onderaan moeten staan + hij staat 5px verwijderd van het vak er boven
Offline vechtertje0 - 28/08/2007 15:26
Avatar van vechtertje0 Lid Echt heel raar, ik heb een containerdiv, daarin heb ik alles geplaatst buiten de footer.
De footer plaats ik buiten de containerdiv dus zou ik denken dat hij de container als onderste vak ziet. Toch wordt hij bijna helemaal vanboven weergegeven. Weet er iemand hoe dat dit kan?
Het is dus zo ongeveer:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  4. <div class="container">
  5. <div class="body">
  6. \\hier staat al de rest 
  7. .....
  8. </div>
  9. </div>
  10. <div class="footer">
  11. \\hier de footer
  12. </div>
  13. </body>
  14. </html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s