Hallo,

wir nutzen für beinahe jeden Artikel in unserem Wordpress Blog einen kleinen Header am Anfang mit Basisinfos. Diese brechen jedoch schrecklich um, wenn die Seite auf Smartphones betrachtet wird - während das restliche Design sich responsiv verhält.

Hab versucht um die Box nen div zu spannen mit fester Breite, aber ohne Erfolg.

Beispiel: Helker – Somewhere In The Circle | Disctopia Metal Webzine

Jemand eine Idee wie die Box bei einer gewissen "Enge" einfach unter's Bild rutschen könnte?

Viele Grüße,
Martin

Ich würde mich erstmal über die HTML-Fehler wundern:
[Invalid] Markup Validation of http://disctopia.de/reviews/helker-somewhere-in-the-circle-8182/ - W3C Markup Validator

Danke, die kommen aber später erst dran.

Das ist die falsche herangehensweise. Einige der HTML-Fehler die Du hast können bei Browsern unterschiedliche Interpretationen verursachen. Dadurch ergeben sich wiederum Darstellungsfehler wie Du sie derzeit beseitigen willst. Ein valider HTML-Code wäre dein erstes Ziel - danach alles andere.

Darüber bin ich mir im klaren. Leider brauche ich wohl 400 Stunden um die Fehler zu beseitigen.

Mein geschildertes Darstellungsproblem ist jedoch in keinem Zusammenhang zu den HTML Fehlern. Und diese Beseitigung würde das größte Problem beheben.

Eine Idee, wie ich den Kasten bei schmalen Bildschirmen unterhalb des Bildes schieben kann ohne das es komische gestalten annimmt?