Footer bottom of page

Door - Marco - op 01-02-2013 11:18 gewijzigd op 01-02-2013 12:21

1.362 views

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:


	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

Rick van Riel

01-02-2013 12:26

position:absolute; veranderen naar position:fixed;

- Marco -

01-02-2013 12:31 gewijzigd op 01-02-2013 12:32

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:

Reshad F

01-02-2013 14:10

Zet is een overflow:none; in je css stukje waar je content in staat ( de rode dus )

Reageren

Inloggen om te reageren