Malcolm Beck´s: Bilder positionieren – komme nicht mehr weiter

Beitrag lesen

hi,

  1. Bild 3 und Bild 4 müssen in #content_gots unten so ausgerichtet werden, damit die beiden Bilder unten bündig mit Bild 2 zu stehen kommen.
    So: http://mitglied.multimania.de/fmtest/layout.png
    Ich habe das über Klassen mit bottom: 0px und position: relative versucht, aber das funktioniert nicht. Weiss jemand Rat? Wie kann ich das lösen?

Versuch's doch mal mit absolute.

  1. die Position von Bild 5 wird auf Safari und Firefox unter Mac richtig dargestellt. Etwa so: http://mitglied.multimania.de/fmtest/mac.png
    Unter Windows IE und Firefox wird das Bild weiter unten angezeigt: In etwa so: http://mitglied.multimania.de/fmtest/windows.png

Ich hab absolut keinen Schimmer woran das liegt – jemand eine Idee?

Da du dieses Bild floatest, versetzt du es in den Block-Kontext, daher wird es richtigerweise unter die 2 Links auf der Linken Seite (DE | EN) gesetzt, da float nach oben hin alles cleart.
Sprich, alles, was im HTML über dem gefloateten Element liegt, wird in das floating  nicht miteinbezogen.

Hier noch mein CSS: http://mitglied.multimania.de/fmtest/standard.css

Tipps am Rande:
0px == 0.
padding: 0px 0px 0px 0px; == padding: 0;
border-top: 1px; border-top-style: solid; == border-top: 1px solid; /* ohne Color */

mfg