…Positionen
Hallo zusammen,
hab’ einmal ein Bild mit Div und einmal mit margin-top ausgerichtet.
Karriere
Das Bild, mit margin-top ausgerichtet, wird aber viel weiter unten positioniert als das Bild mit dem DIV-Container, obwohl die Prozentangaben gleich sind.
Wie ist das möglich?
Ich versuch es mal zu erklären !
Mit margin-top z.b.
Sie können bestimmen, wie viel Abstand ein Element zu seinem Vorgängerelement oder zu seinem Elternelement nach oben hin hat.
Mit top (position)
Sie können bestimmen, wo ein absolut oder relativ positioniertes Element von oben beginnt.
Daraus folgt mindestens, das Bei div 40% von absolut Browser 0,0 (top)ist,
bei p allerdings ist es immer vom Elternelement abhängig.
Da der Browser schon von vornherein Abstände von 10px hat und der p tag auch schon vor formatiert ist, muss es unterschiedliche Positionen geben da nicht mehr Browser 0,0 sondern Browser 10,10.
Test einfach mal alles durch von 1% bis 100% dann siehst du das die Position proportional zu den % abweicht 
Noch ein Test,
1.zweimal div hintereinander machen
2.zweimal p hintereinander.
Wie du siehst ist bei p der Abstand relative zum vorObjekt.
Bei Div immer zu Browser 0,0
Vielleicht hat einer noch genauer drauf
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Danke für die Antwort!
Jetzt ist mir das schon klar, warum die Positionen unterschiedlich sind.
Nur, wie bekomme ich die Positionen gleich hin? Sodass bei 40% diese wirklich gleich sind.
THX
Eine von vielen Lösungen
Karriere
Karriere
Ergibt bei mir Sow wie du das Wolltest! (Tested on FireFox)
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]