hi,
- 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.
- 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.pngIch 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