footer midden in pagina bij scrollen

Status
Niet open voor verdere reacties.
M

Merijnbosma

Gebruiker
Lid geworden
7 jun 2011
Berichten
189
Hallo,

Ik krijg de footer niet blijvend onder aan de pagina.

Hij staat op het moment goed onderaan de pagina maar zodra de pagina langer wordt dan het beeld en er dus gescrolled moet worden blijft de footer op dat stuk van de pagina staan en niet op dat stuk van het beeld.

Dit zal komen door postition: absolute denk ik maar als ik die weghaal staat de footer direct onder het laatste stuk tekst.

Ik heb de footer wel zo gezet dat die in geen enkel andere div valt en dus echt helemaal de laatste div is.

Problemen doen zich voor in Chrome en IE

Grtz Merijn
 
kun je een globale code posten met de HTML/CSS regels? Wellicht moet je ergens een { clear: both } toepassen
 
CSS

#footer {
position: absolute ;
bottom: 0; /* heel belangrijk */
height: 20px;
width: 100%;
text-align: center;
}

HTML

<tr><td><a href="http://www.wifocarr.nl/downloads/Folders/Aanhangwagens%20Folderoverzicht.xlsx">Trailers</a></td></tr>
<tr><td><a href="http://www.wifocarr.nl/downloads/Folders/Bussen%20Folderoverzicht.xlsx">Buses</a></td></tr>
</table>
</div>
</div>
<div id="footer">Copyright © Wifocarr 2012</div>
</div>
</body>
</html>

In dit HTML voorbeeld zit de footer nog wel in een div.

Wat doet een clear: both dan?

Grtz Merijn
 
Dit is de opzet qua divs van de site


<body>

<div id="masthead">
</div>
<div id="top_nav">
</div>
<div id="container">
<div id="left_col">
</div>
<div id="right_col">
</div>
<div id="page_content">
</div>
</div>
<div id="footer">
</div>

</body>

</html>
 
probleem opgelost dmv

clear: both;
position: relative;

ipv position: absolute

Bedankt!!!
Gr. Merijn

in de css
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan