Hallo allemaal,

Me foother wilt niet mee werken hij blijft staan zodra ik ga scrollen. en laat dit niet de bedoeling zijn.

Zouden jullie mij kunnen helpen?

HTML: http://tinyurl.com/2wwox6q
CSS: http://tinyurl.com/39h65sm

#voet {
width:100%;
height:200px;
background-color:#000;

bottom:0;
position:absolute;

}

Verander position: absulute; in position: relative;

Origineel gepost door Jacco van der Plaat

#voet {
width:100%;
height:200px;
background-color:#000;

bottom:0;
position:absolute;

}

Verander position: absulute; in position: relative;

Dit heb ik al geprobeerd maar dan krijg je al helemaal iets raars kijk:
http://tinyurl.com/2ud3grv

Voet div in de container div zetten.

En in de css de container div op position: relative en de voet div position: absolute; bottom: 0;

Edit:
Ook is het nodig dat je de container een margin-bottom geeft van minimaal de hoogte van de footer anders kan de footer bovenop de teksten en of afbeelding in de content gaan staan

Origineel gepost door Raymond Nijland

Voet div in de container div zetten.

En in de css de container div op position: relative en de voet div position: absolute; bottom: 0;

Edit:
Ook is het nodig dat je de container een margin-bottom geeft van minimaal de hoogte van de footer anders kan de footer bovenop de teksten en of afbeelding in de content gaan staan

Geprobeerd maar ook dit maakt geen verschil ook hier blijft de foother staan bij het scrollen.

Plaats na menu_rechts.png
<div style="clear: both></div>

en na de div container_afbeeldingen
<div style="clear: both></div>

in CSS
bottom: 0; weghalen
position: relative weghalen.
Margin-top: 150px; toevoegen

Origineel gepost door Rick Manders

Plaats na menu_rechts.png
<div style="clear: both></div>

en na de div container_afbeeldingen
<div style="clear: both></div>

in CSS
bottom: 0; weghalen
position: relative weghalen.
Margin-top: 150px; toevoegen

Heb ik zo gedaan zoals je bedoelde? (het werkt namelijk niet)

HTML:
http://tinyurl.com/38ygehv

CSS:
http://tinyurl.com/36haj3w

,,ook hier blijft de foother staan bij het scrollen. ''

Je wilt dat de footer meescrolld?

Origineel gepost door Marvin Kennis

,,ook hier blijft de foother staan bij het scrollen. ''

Je wilt dat de footer meescrolld?

Nee, ik wil dat de foother gwn onderaan de pagina staat maar als ik scroll dan blijft de foother staan en de rest scrolled gwn zoals het zou moeten (en als ik moet scrollen zou ik de foother dus helemaal niet willen zien)

Als ik je dan goed begrijp wil je een sticky-footer, Google daar maar eens op.

Origineel gepost door Rick Manders

Als ik je dan goed begrijp wil je een sticky-footer, Google daar maar eens op.

Ja klopt die wil ik maar als ik dat uitprobeer werkt het niet!! of ik doe iets fout maar... zou niet weten wat!

#voet {
float:left;
}

Origineel gepost door Jordy Markus

#voet {
float:left;
}

Werkt ook al niet :(

Staan je andere div's ook op float:left; ?

edit; div container_afbeeldingen zou ik ook op float:left; zetten en dan met je margin's de juiste posities opzoeken. Position gebruik ik altijd wanneer ik geen overkoepelende 'wrapper' gebruik. En aangezien je die wel gebruikt gooi de footer in die div.

Succes