Probleme mit DIV's und CSS Margins

[BigPeter]

#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 !

[Matthias Apsel]

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

[MudGuard]

Hi,

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

nö, Du hast collapsing margins noch nicht verstanden.

cu,
Andreas

[BigPeter]

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 !