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. 1. Du hast: max-width:980px. 1. Du hast: Bilder in der Breite von 300px. Du hast aber 1. die Teaser mit einer Breite in Prozent angegeben 2. Den seitlichen Abstand in em. 3. 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](http://codepen.io/anon/pen/mVdRvo)  Vergiss nicht, am Ende noch: ~~~css @media (max-width: 1024px) { .contentHeaderNav { float: none; margin-top: .6em; } } ~~~ einzufügen um das Problem mit dem Überdecken des Menüs mit der Überschrift zu beheben. Dann bricht das Menü unter die Überschrift wenn nur zwei Spalten angezeigt werden:  Jörg Reinholz

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. 1. Du hast: max-width:980px. 1. Du hast: Bilder in der Breite von 300px. Du hast aber 1. die Teaser mit einer Breite in Prozent angegeben 2. Den seitlichen Abstand in em. 3. 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](http://codepen.io/anon/pen/mVdRvo)  Vergiss nicht, am Ende noch: @media (max-width: 1024px) { .contentHeaderNav { float: none; margin-top: .6em; } } einzufügen um das Problem mit dem Überdecken des Menüs mit der Überschrift zu beheben. Dann bricht das Menü unter die Überschrift wenn nur zwei Spalten angezeigt werden:  Jörg Reinholz