Top Margin im Wrapper funktioniert nicht

[pimbolie1979]

Hallo Leute,

ich habe einen Wrapper erstellt und diesen zentriert. Dies funktiniert auch gut. In diese, Wrapper habe ich weitere DIV-Elemente wie "banner", "navigation", "content" und "footer"

Dem Div Element "banner" habe ich folgeden Margin eigenschaften gegeben:

margin: 10px;

Jedoch ist der Top-Margin leider 0 und ich weiß auch nicht warum. Das Div-Element "banner" ist das 1 Element im Wrapper.

Ich weiß das ich z.B. Boarder und Padding verwenden könnte, jedoch gibt es die beiden unterschiedlichen Box Modelle und dies wollte ich umgehen.

Hier meine Seite:

http://www.gastgeber-deutschland.de/

 

[Dominic28]

Also bei mir, unter Firefox, wird deine Seite 10px von oben nach unten verschoben.
Wenn du sie noch weiter nach unten schieben willst, kannst du auch direkt im Wrapper margin-top nutzen.

Falls ich dich falsch verstanden habe, solltest du die Frage nochmal etwas genauer stellen.

 

[Space Vampire]

Ich sehe in deinem Code weder bei #banner noch bei #container eine margin:10px;
Deine Frage ist auch ziemlich schwer zu verstehen!
Wenn du Wrapper #container mit einer margin-top:10px; versehen willst dann schreib das doch einfach.
Also statt

#container
{
    width: 990px;
    margin: 0px auto;
    border: 10px solid #FFFFFF;
    text-align: left;
    background-color: #FFFFFF;
}

machst du

#container
{
    width: 990px;
    margin: 10px auto;
    border: 10px solid #FFFFFF;
    text-align: left;
    background-color: #FFFFFF;
}