Wellicht een onduidelijke topictitel maar ik zoek een scriptje dat er voor zorgt dat de footer van een website zich automatisch aanpast aan de lengte van de browser. Zoals bij www.yourhosting.nl te zien is.

Wie heeft er zo'n scriptje voor me of weet hoe ik dat kan maken met dreamweaver?

Da's geen script maar pure html codes.

Ik zie trouwens die footer niet meegaan met de browser hoor. Hier heeft die footer een vaste grootte of bedoel je iets anders ?

Werk je met tabellen of met divs ?

Als de footer onderaan moet blijven en je gesliced hebt met tabellen moet je de hoogte van je tabel op 100% zetten. Dus in plaats van een vaste waarde te zetten, zet je het op 100% <table height="100%">

Het kan zijn dat het nog niet werkt hoor, dat je nog iets gaat moeten doen met je cellen ook

Origineel gepost door Joeri P

Da's geen script maar pure html codes.

Ik zie trouwens die footer niet meegaan met de browser hoor. Hier heeft die footer een vaste grootte of bedoel je iets anders ?

Werk je met tabellen of met divs ?

Als de footer onderaan moet blijven en je gesliced hebt met tabellen moet je de hoogte van je tabel op 100% zetten. Dus in plaats van een vaste waarde te zetten, zet je het op 100% <table height="100%">

Het kan zijn dat het nog niet werkt hoor, dat je nog iets gaat moeten doen met je cellen ook

Bij yourhosting zie je dat de footer aan de onderkant van de pagina blijft staan, ook als je het venster van je browser groter of kleiner maakt.

Ik denk dat ik dit zal moeten doen met CSS omdat de layout daarmee opgemaakt is.

Hieronder een stukje uit de CSS.

#footer {clear:left;text-align:right;width:760px; height:50px; margin: 0 auto;background-image:url(img/footerbg.jpg);}
#footer p{color:#FFF; padding:18px;}
#footer a{color:#FFF; text-decoration:underline;} #footer a:hover{color:FFF;text-decoration:none;}

Ik denk dat ik dus ergens Align:bottom zal moeten toepassen, maar heb geen idee waar en hoe dit zou moeten. (mijn CSS en HTML kennis is (nog) niet zo best).

Als #footer een div is kun je het volgende gebruiken:
#footer {
position: absolute;
bottom: 0px;
}
Dit zou moeten werken.

Origineel gepost door Ramy al Mobarak

Als #footer een div is kun je het volgende gebruiken:
#footer {
position: absolute;
bottom: 0px;
}
Dit zou moeten werken.

Bedankt. Het is nu gedeeltelijk gelukt, alleen blijft de footer nog niet staan als je naar beneden scrolt.
Zie voorbeeldje: http://www.webdesigner4u.nl/Archief/

op mijn forum heb ik daar een mooie tutorial over geplaatst, zie http://ep2.nl/topic/1063/

Origineel gepost door Jasper van der Meer

op mijn forum heb ik daar een mooie tutorial over geplaatst, zie http://ep2.nl/topic/1063/

Handige link. Alleen gaat jouw footer mee als je scrolt, dat wil ik juist niet. Ik wil dat de footer onderaan de browser blijft staan, dus dat de footer de tekst overlapt die op het onderste gedeelte van de pagina staat. Hier kan je het goed zien: http://www.yourhosting.nl/algemenevoorwaarden.html

dat moet je de content div in overflow: auto; zetten,je scrollbar gaat dan wel in de contentdiv komen,in je voorbeeld staat een speciaal JS-script om de scrollbar uiterst rechts te houden (zie bronpagina helemaal onderaan)

Bedankt voor de hulp, het gaat me helaas niet lukken. Ik houd hem maar zoals ie nu is.

Niet te rap opgeven ;)

Probeer eens wat Edwin zei ...

Probeer het zo eens

je CSS:

Code:

#clear_footer
{
clear: both;
height: 50px;
}
#footer
{
position: absolute;
bottom: 0px;
height: 50px;
}

je HTML:

Code:

<div id="clear_footer">&nbsp;</div>

<div id="footer">Hier je footer tekst</div>

Origineel gepost door Wesley H

Probeer het zo eens

je CSS:

Code:

#clear_footer
{
clear: both;
height: 50px;
}
#footer
{
position: absolute;
bottom: 0px;
height: 50px;
}

je HTML:

Code:

<div id="clear_footer">&nbsp;</div>

<div id="footer">Hier je footer tekst</div>

De footer komt hiermee wel op de bottom maar blijft daar niet staan als je scrolt; http://www.webdesigner4u.nl/Archief/...na=voorwaarden

Voor een ieder die zich met CSS bezig houdt

Geef voor de fun, alleen je html en body een afwijkende achtergrond kleur in een lege html pagina en open deze dan eens in verschillende browsers.
o.a. IE6, IE7, Opera 9+, Firefox en op de mac o.a Safari en Firefox .

Kijk eens wat er zichtbaar wordt ;)

zorg dat je main div gaat scrollen ipv de hele pagina.

Waarom maak je niet gewoon een javascript? die kijkt hoe groot je container is en hoe groot je browser is. En op die manier de ruimte opvult met een height? Werkt prima, zo doen wij het ook altijd