Footer

[Verwijderd]

Beste Forumleden,

Ik heb een probleem met.. ... ik denk margin en padding?
Mijn footer zit op de onderkant van de browser graag zou ik hier wat ruimte tussen willen zodat hij niet op de onderkant zit.

Hoe kan ik dit het beste doen?

Zelf heb ik al wat dingen geprobeerd met margin en padding, dit mocht helaas geen resultaat hebben.

In firefox werkt dit wel maar in Internet Explorer weer niet zoals gewoonlijk ;-)
Alvast bedankt

HTML:

HTML 
<div id="footer">
copyright 
</div>

CSS

Cascading Stylesheet:

#footer
    {
        width:800px;
        height: 30px;
        float: left;
        text-align: center;
        margin-top: 5px;
        border: 1px solid black;
    } 

[ Voor 86% gewijzigd door Verwijderd op 01-11-2009 11:11 ]

[Verwijderd]

Een klein beetje relatief verplaatsen ten opzichte van de huidige positie dus.

De sleutelwoorden heb ik even cursief gemaakt. Als je je voldoende in CSS hebt verdiept moet het oplossen nu geen probleem meer zijn.

[crisp]

Doorgaans zou margin gewoon afdoende moeten zijn en is relative positioning niet nodig. Ik vraag me af of de float: left hier niet de boosdoener is en of die wel noodzakelijk is.

[_Thanatos_]

En omdat de footer in principe niet kan weten tegen wat voor soort content hij aan hangt, is het beter om em altijd te clearen. Wellicht is daarmee het probleem ook al opgelost.

[macciez]

Zoals ik je topicstart lees, wil je een beetje ruimte _onder_ je footer? Zoals zeg maar hier onder Tweakers? Want in je CSS doe je daar nu helemaal niks mee, alleen met de ruimte boven je footer.

[Verwijderd]

macciez schreef op zondag 01 november 2009 @ 13:33:
Zoals ik je topicstart lees, wil je een beetje ruimte _onder_ je footer? Zoals zeg maar hier onder Tweakers? Want in je CSS doe je daar nu helemaal niks mee, alleen met de ruimte boven je footer.

Zelf heb ik al wat dingen geprobeerd met margin en padding, dit mocht helaas geen resultaat hebben.

[Cartman!]

Wat heb je geprobeer dan? Misschien heb je het wel fout gebruikt, maak anders even een testcase met enkel dit probleem erin, dan is veel makkelijker te zien wat er gebeurt.