Moin!
Hallo,
Ich sagte ja, Du musst die Breiten neu aufbauen. Aus dem Grund habe ich auch "Keine wirkliche Lösung" geschrieben. Nochmal:
Es bringt überhaupt nichts, Pixel, EM und Prozent zu vermixen - es sei denn Du willst auch noch mit calc hantieren.
das stimmt, ich habe das Problem mit dem zu großen Bild bzw. dem zu kleinen Text gelöst. Der dritte Kasten hat einfach kein Platz mehr. Ist auch OK so.
Nein.
- Du hast: max-width:980px.
- Du hast: Bilder in der Breite von 300px.
Du hast aber
- die Teaser mit einer Breite in Prozent angegeben
- Den seitlichen Abstand in em.
- einen verticalen Abstand gar nicht (sieht nicht gut aus...)
Berechne:
Setze den Teaser mit einer Breite von 300px. Den seitlichen Abstand in px. 980px-3*300px/2 = 40px
Löse das Problem mit der vertikalen Ausrichtung bei unterschiedlichen Textlängen.
Komme zu:
http://codepen.io/anon/pen/mVdRvo
Jörg Reinholz