mati: Margin zu Elternelement ohne Padding/Border

Beitrag lesen

Hallo,

wenn ich einem Kind-Element einen Margin gebe, gilt dieser dann auch zu den Außengrenzen des Vater-Elements hin?

Normalerweise dachte ich, es wäre immer so. Aber dieses Beispiel verhält sich in MSIE 8, Chrome und Opera 11 anders:

  
<h1>Beispiel 1:</h1>  
<div style="background-color:red">  
  <table style="background-color:blue; margin-top:100px"><tr><td>Test</td></tr></table>  
</div>  
  
<h1>Beispiel 2:</h1>  
<div style="background-color:red; border:1px solid black">  
  <table style="background-color:blue; margin-top:100px"><tr><td>Test</td></tr></table>  
</div>  

Demnach gilt der Abstand nur, wenn ich dem Vater einen Border oder ein Padding zuweise. Der Firefox verhält sich eher so, wie ich erwartet hätte. Da er der einzige Browser ist, verhält er sich aber wahrscheinlich falsch.

Könnt ihr mir da genaueres zu sagen (welcher Browser hat recht und warum)?