Padding error

[quintoo]

Hallo allemaal,

ik heb de volgende code voor mij footer.
Het probleem is dat de footer te groot is voor de tekst die ik er in wil hebben.
Maar als ik mijn height aanpast veranderd er niks.
Nu heb ik gekeken wat er gebeurd als ik padding uitcomentariseer alleen dan is het resultaat heel lelijk en klopt het niet meer vergeleken met de andere div's.
iemand een oplossing hoe ik dit moet verwerken?
Als dit onduidelijk is even graag melden dan kan ik wel een screenshot uploaden.

Alvast hartelijk dank,

Robert

#footer{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    padding: 10px;
    width: 850px;
    height: 30px;
    background-color: darkblue;
    border: solid 0px #CCC;
    text-align: center;
}

 

[gebruiker78]

Laat eens een screen shot zien.
Maar als ik het begrijp kun je beter padding 0 doen, margin-top 10px

 

[That Guy]

Volgens mij is je probleem dat je niet helemaal weet hoe padding, margin en height samenwerken. Kijk hier eens voor een duidelijke uitleg!

Ohja, en je margin regels kan je netjes in 'shorthand' neerzetten;

margin: top right bottom left;

wat in jou geval dus zo er uit ziet:

margin: 0 auto 0 auto;

wat nog meer verkort kan worden tot dit:

margin: 0 auto;

:thumb:

 

[hollander]

Een srceenshot zou het iets duidelijker maken maar probeer dit eens:

#footer{
margin; 0 auto;
font-size: 13px;
padding: 10px;
width: 830px;
height: 10px;
background-color: darkblue;
border: solid 0px #CCC;
text-align: center;
}

Wat ik alleen niet echt begrijp is dat je de div footer in het midden wilt zetten. zit de footer niet in een container die in het midden van de pagina is gepositioneerd?
Als dat zo zou zijn en je footer zou even breed als je container moeten zijn dan heb je die margin: 0 auto niet nodig.

Ook zou ik de background-color in een hexidecimaal getal zetten. Iets als background-color:#00008B;

Groeten!