BigPeter: Probleme mit DIV's und CSS Margins

#bgshadow {  
  margin-top:         10px;  
  margin-bottom:      10px;  
  float:              center;  
  width:              900px;  
  height:             auto;  
  background-color:   #DDDDDD;  
}  
  
#header {  
  margin-top:         10px;  
  margin-bottom:      10px;  
  width:              880px;  
  background:         #FFFFFF url('../img/header.gif') repeat-x fixed;  
}
  <div align="center">  
  <div id="bgshadow">  
  <div id="header">  
    ... random Text  
    ... random Text  
    ... random Text  
  </div>  
  </div>  
  </div>

Irgendwie habe ich ein Verständnisproblem mit meinen lieben DIV's.

Ich will, dass der Header 10px verschoben unter dem Hintergrund-"Schatten" liegt. Nur wenn ich die margins setze verändert sich nichts. Wenn ich die margins auf 20px erweitere zieht sich auch der Hintergrund-"Schatten" mit runter ... hat irgendwer einen vernünftigen Work-a-round zur Hand oder eine Idee wie es besser klappt ?

Liebe Grüße

BIG PETER !

  1. Om nah hoo pez nyeetz, BigPeter!

    float:              center;

    <div align="center">

    Irgendwie habe ich ein Verständnisproblem mit meinen lieben DIV's.

    Ich will, dass der Header 10px verschoben unter dem Hintergrund-"Schatten" liegt. Nur wenn ich die margins setze verändert sich nichts. Wenn ich die margins auf 20px erweitere zieht sich auch der Hintergrund-"Schatten" mit runter ... hat irgendwer einen vernünftigen Work-a-round zur Hand oder eine Idee wie es besser klappt ?

    float: center; gibt es nicht. align ist missbilligt. Du solltest dich mit dem Boxmodell beschäftigen und Schatten und Zentrierungen nicht über zusätzliche Elemente realisieren wollen.

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
  2. Hi,

    Irgendwie habe ich ein Verständnisproblem mit meinen lieben DIV's.

    nö, Du hast collapsing margins noch nicht verstanden.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    1. nö, Du hast collapsing margins noch nicht verstanden.

      Du hast Recht :)

      http://reference.sitepoint.com/css/collapsingmargins

      Das hat mir sofort die Augen öffnen können !