nicht angemeldet
Hallo,
in meinem main-DIV habe ich 2 andere DIVs, die untereinander, ohne Lücke erscheinen sollen. Das geht so lange gut, bis ich dem oberen DIV sage, es soll bitte mittels top: 10px; zum oberen main-DIV-Rand einen Abstand einhalten. Denn dann gibt es genau diese 10 px breit eine Überschneidung mit dem darunterliegenden DIV, da dieses nicht, wie erhoff, mit nach unten rückt.
position:relative arbeitet wie folgt:
Erstelle das Elemente, als ob es static sei, berücksichtige width und margins etc...
verschiebe dann das Element um die durch top left bottom right angegeben Werte.
Um Abstände zu bestimmen ist das eine ungeeignete Methode. Verwende die Eigenschaft margin.
Was muss ich tun, dass es dies doch tut? Ich habe auch schon probiert anstatt top: 10px; den Abstand zu oben mit margin-top: 10px zu erreichen. Das ignoriert er aber komplett.
tatsächlich?
bei margins muss man berücksichtigen, dass sie[1] kollabieren, wenn kein padding und border sie daran hindert.
[1] kürzlich wurde diskutiert was vertical und horizontal in der Spezifikation hierbei meint.
mfg Beat