opgelost Footer kleiner maken en positie lager

Hallo,

Ik probeer de footer op mijn website kleiner te krijgen. Ook probeer ik de footer aan de onderkant van de website te plaatsen. Zoals je hier kunt zien gebruikt de footer een groot gedeelte van de onderkant van de site. Ik zou graag de hoogte van de footer willen aanpassen zodat het een smalle balk aan de onderkant van de site wordt.

Ik heb op google eea gelezen dat ik bottom 0px kan toevoegen of gebruik kan maken van position aboslute. Het lukt me op de een of andere manier niet. Ik vind het ook prima dat het middenstuk van de site wat langer wordt met een minimale hoogte als dat het probleem zou kunnen verhelpen.

Zou iemand me hierbij kunnen helpen en eventueel de juiste css code kunnen geven?

Bij de methode die jij bedoeld, beter geen position absolute gebruiken, maar fixed (absolute pakt alleen het zichtbare deel van de pagina, fixed plakt hem aan de onderkant van het scherm en laat hem mee scrollen).

CSS wijziging zou dan zijn: Toevoegen aan #fav-copyrightwrap op regel 622


Toevoegen aan #fav-containerwrap regel 107

Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).

Bedankt voor je snelle reactie. Ik heb de CSS code toegevoegd. Ik zie inderdaad dat de footer (copyrightwrap) nu de laatste module op de pagina is. Helaas zit er onder de footer nog een stuk dat niet gebruikt wordt. Ik zou graag dat de footer het laatste is en dat die dus standaard onderaan blijft staan.

Voor het gemak heb ik aan de onderkant van de footer een lijn gezet zodat je kunt zien dat eronder nog een heel stuk wit zit.

Heb je een tip hoe dit op te lossen?

Alvast bedankt

Hee,
Sorry ik had me post zo net aangepast, even relative veranderen naar fixed, en een margin van 58pixels toevoegen aan #fav-containerwrap die staat niet in template.css maar in style.css .

Top !! Het werkt. Bedankt voor je hulp.