✔ Margin-Top zeigt keine wirkung

[chaosente]

also ich habe für meinen footer eine box und darineine box in die der content reinkommt...

<div id="footer">
   <div class="content">

  </div>
</div>

Nun soll .content recht, links, oben und unten 10px abstand nach außen haben , hab mir gedacht mache ich einfach mit margin, aber margin top zeigt dabei keinerlei wirkung. Woran kann das liegen?

#footer {
width: 820px;
height:70px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
background: url(../images/footer.png) no-repeat;
}

#footer>div.content {
width:800px;
height:50px;
margin: 10px;
}

 

[lmarkus31]

Hallo,
welchen Browser benutzt Du?

IE < 7 ?

Dann schreib dein ">" Selector (CSS 2.1) mal anders bzw- nimm zum Testen mal

#footer div.content

Siehe: http://msdn2.microsoft.com/en-us/library/aa358833.aspx#ssver

Markus

 

[chaosente]

hilft alles nciht, außerdem hab ich den feuerfuchs

 

[Maik]

Hi,

wende mal dieses Stylesheet an:

#footer {
width: 800px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
background: url(../images/footer.png) no-repeat;
padding: 10px;
}

#footer div.content {
width:800px;
height:50px;
}

 

[chaosente]

uff und warum funtzt das ich meine es funtzt aber warum?

 

[Maik]

Mit einem Innenabstand kann man eben viel bewegen.