Footer inkrimpen, hoe doe ik dat?

**Joshua K** · 10-04-2014, 16:16

Hallo,

Voor school ben ik bezig met een persoonlijke website voor mijn vriendin, ik ben redelijk op weg maar het wilt even niet meer lukken.

De link: (zonder *): shar*ijali*msing.com

Zoals je ziet heeft de footer een width van 100%. Ik wil hem precies onder de content krijgen, dus dat die daar op aan sluit. Ik krijg het enkel op geen enkele mogelijke manier voor elkaar, ik ben er al twee uur mee bezig maar het wilt maar niet lukken. Ook wil ik de height van de footer beperken tot boven het 1px streepje. Het onderste deel kan dus in principe weg, ook dit lukt mij niet.

Zou iemand mij kunnen helpen? Geloof ik kijk ik ergens helemaal overheen!

Danku!

**Wilbert E.** · 10-04-2014, 16:24

Voegt het volgende eens toe aan .copywright

Code:

    margin: 0px auto;

En je moet dat stukje "widget" weghalen uit de footer als je hem zo hoog wil hebben als het huidige pixel randje.

**Joshua K** · 10-04-2014, 16:28

Wilbert,

Dankjewel voor je hulp, helaas werkt dat niet. Als ik dat doe dan komt de copyright tekst in het midden te staan, niet de gehele footer. De 100% width weghalen en de float left vervangen voor margin: 0 auto; in de .footer werkt ook niet. Ik ben echt even radeloos.

**Kevin van den Burg** · 10-04-2014, 18:24

Volgensmij heb je de footer niet in je wrapper div staan omdat de wrapper div te vroeg wordt afgesloten.

**Joshua K** · 10-04-2014, 18:57

Ik heb het met margins op de plek gekregen, enkel als ik de website nu bezoek op de website staat de footer verder naar rechts geschoven dan op de computer. Ook de border helemaal bovenaan de pagina is groter dan de breedte van mijn tablet scherm, hoe kan dit?!

**Erwin Wiensma** · 10-04-2014, 19:18

Probeer eens,

margin-left: 548px; ipv margin-left: 518px;

in de #footer {

}
style.css:590

**Joshua K** · 10-04-2014, 21:40

Dat werkt niet, bij elke resolutie wordt de footer nu anders weergegeven, erg vervelend! Iemand die weet hoe ik de footer in elke browser en resolutie op de zelfde plek krijg?

**J. de Boer** · 10-04-2014, 22:19

De eenvoudigste oplossing voor je probleem is #aside een width van 16% geven.

Edit: Ik zie dat je nu al dingen het aangepast. Ik weet dus niet of het nu nog werkt ;)

**Joshua K** · 10-04-2014, 22:23

Sorry, ik kreeg een tip per privebericht. Alles staat nu goed, pc is zelfde als de 10.1 tablet. Enkel en alleen: het vak om de footer is ineens verdwenen?! En hoe krijg ik het geheel gecenteerd? margin: 0 auto; werkt niet!

Footer inkrimpen, hoe doe ik dat?