✔ margin past nicht

[GN911]

Hallo,

ist das so richtig?
Weil eigentlich müssten doch in #line-one u. #line-two die margin-werte 1px sein um auf die Höhe 62px von #left zukommen!? Bloß dann ist zwischen #line-one u. #line-two nur 1px Abstand.....

#wrapper { width: 960px; margin: 0 auto; }
#left { position: absolute; background: #ace; width: 200px; height: 62px;  }
.main { background: #fff; margin-left: 202px; }
#line-one { background: #9bf; height: 30px;  margin-bottom: 2px }
#line-two { background: #36f; height: 30px; margin-top: 2px; }

<div id="wrapper">
    <div id="left">left</div>
    <div class="main">
      <div id="line-one">eins</div>
      <div id="line-two">zwei</div>
    </div>
</div>

Gruss GN911

 

[Quaese]

Hi,

es handelt sich hierbei um zusammenfallende Ränder. Hierfür gilt, dass das Maximum der beteiligten Randwerte verwendet wird (siehe hier).

Ciao
Quaese

 

[GN911]

danke dir Quaese, hab es jetzt anders über listen gelöst

GN911