Footer bottom of page

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

- Marco -

- Marco -

01/02/2013 11:18:39
Quote Anchor link
Hallo alleemaal,

Ik heb nu met deze site:
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

De footer op aan de onderkant van de pagina gekregen en die blijft daar ook staan.
Maar als er nu meer tekst is (dus dat je moet scrollen om de andere tekst te zien) dan scrolled de footer niet mee maar blijft staan waar eerst de onderkant van de pagina was voor het scrollen.



Code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
    z-index: 1;

    position:absolute;
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer */
    background:#6cf;
    font-family: Arial;


Hoe kan ik dit oplossen?

Gr marco
Gewijzigd op 01/02/2013 12:21:35 door - Marco -
 
PHP hulp

PHP hulp

21/11/2024 16:55:46
 
Rick van Riel

Rick van Riel

01/02/2013 12:26:55
Quote Anchor link
position:absolute; veranderen naar position:fixed;
 
- Marco -

- Marco -

01/02/2013 12:31:22
Quote Anchor link
Thx dat werkt! nu scrolled die mee naar beneden maar als je je browser verkleint dan gebeurd er dus dit:
blauw (de footer) gaat over het rode (de content) maar het zou dan moeten zijn dat de footer onder de content blijft dus dat de footer naar onder schuift ofzo :P

EDIT of dat de footer en de content altijd ... px van elkaar af blijven staan? (bijvoorbeeld 10 px? )

Screenshot:
Afbeelding
Gewijzigd op 01/02/2013 12:32:39 door - Marco -
 
Reshad F

Reshad F

01/02/2013 14:10:20
Quote Anchor link
Zet is een overflow:none; in je css stukje waar je content in staat ( de rode dus )
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.