Allgemeine Verständnisfrage: Bei zwei ineinander geschachtelten grid kollabiert/tritt das innerliegende grid herüber wenn das Bildschirmfenster zu schmal ist

[Rolf B]

Hallo einsiedler,

das ist so, weil es einen Grund dafür gibt.

Sorry, aber wie soll man ein CSS Problem lösen, wenn Du nur das HTML zeigst? Ich müsste jetzt aus alten Postings den Link auf deine Seite raussuchen. Könnte ich machen, aber meine Fritzbox ist heute nacht verdampft und ich habe nur das Handy. Das hat keine Entwicklerwerkzeuge.

Es gibt viele Gründe, warum ein Element breiter angezeigt wird, als man es wünscht.

• Ein Wort darin ist zu breit und wird nicht umgebrochen (passiert gern bei Links, die als URL angezeigt werden)
• Ein Bild wird mit seiner intrinsischen Größe angezeigt
• Margins und Paddings addieren sich auf und verlangen Platz
• Irgendwo stecken min-width oder width Angaben, die die Breite erzwingen

Gegenmaßnahmen sind:

• Mit den Entwicklerwerkzeugen den Breitensünder ermitteln, das kann allerdings mühsam werden.
• Links nicht als URL, sondern als Text darstellen
• Lange Worte durch ­ mit Trennstellen versehen, oder automatische Silbentrennung einschalten (hyphens:auto)
• Größe von Bildern vom Elternelement abhängig machen
• Ggf. overflow:hidden oder auto setzen

Rolf