Hallo,

hier seht ihr ein Test-Layout für ein Projekt.

Problem: ändert man die Breite des Browser-Fensters bis unter ca. 925 Pixel (durch zusammenschieben des Browserfensters), d.h. berühren sich das Bild (<div class="content_appetizer">) und das Grafik-Button "Ja, Ich bin dabei" (<div style="margin-left:30px;">), rutscht das Grafik Button, samt aller darunter liegenden Inhalte nach unten.

Frage: Was kann ich tun, damit die DIV Boxen sich nicht mehr verschieben bei geringer Browser-Breite?

Als Grundlage dient das YAML CSS Framework (3.2.1).

Falls ihr noch weitere Anmerkungen / Kritik hinsichtlich des Layouts habt würde ich mich darüber freuen.

Cheers

Torsten

Setze Deine min-width auf 80em, dann bricht nichts mehr um. Der Platz von 740px ist schlicht zu wenig.

Ja das war die Lösung! Tatsächlich geht es jetzt. Manchmal sieht man den Wald vor Bäumen nicht mehr
Danke!

Cheers
Torsten

Du hast jetzt denselben Wert für min- und max-width - falls das so bleiben soll, hast Du Dir dadurch width: 80em; nachgebaut und kannst das daher auch direkt schreiben (und die anderen beiden Eigenschaften rauswerfen).

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)