Moin,
ich möchte einen Text mehrspaltig darstellen (in diesem Fall zweispaltig). Das ist ja in Zeiten von CSS3 mit "column" kein Problem. Allerdings möchte ich die Spaltenumbrüche selbst bestimmen. So dass die Spalten unterscheidlich groß werden (column zieht sie ja automatisch auf die selbe länge).
Deshalb habe ich es alternativ so versucht, indem ich die linke Spalte einfach "float:left;" und die rechte "float:right;" und beide mit "width: 48%;" definiert habe. Soweit so gut.
Nun ist aber das Problem, dass das ganze nicht mehr responsive ist. Heißt: Ziehe ich mein Browser-Fenster kleiner (und simuliere also quasi ein Handy), bleibt der Text natürlich zweispaltig, was sehr unschön ist.
Am besten wäre es natürlich, wenn das ganze ab einer bestimmten Größe auf EINSPALTIG umswitcht... Aber ich finde hierfür keine Lösung.
Hat mir jemand eine Idee? Ich stehe momentan etwas auf dem Schlauch.
Vielen Dank schonmal!!
Liebe Grüße,
Ich
ich möchte einen Text mehrspaltig darstellen (in diesem Fall zweispaltig). Das ist ja in Zeiten von CSS3 mit "column" kein Problem. Allerdings möchte ich die Spaltenumbrüche selbst bestimmen. So dass die Spalten unterscheidlich groß werden (column zieht sie ja automatisch auf die selbe länge).
Deshalb habe ich es alternativ so versucht, indem ich die linke Spalte einfach "float:left;" und die rechte "float:right;" und beide mit "width: 48%;" definiert habe. Soweit so gut.
Nun ist aber das Problem, dass das ganze nicht mehr responsive ist. Heißt: Ziehe ich mein Browser-Fenster kleiner (und simuliere also quasi ein Handy), bleibt der Text natürlich zweispaltig, was sehr unschön ist.
Am besten wäre es natürlich, wenn das ganze ab einer bestimmten Größe auf EINSPALTIG umswitcht... Aber ich finde hierfür keine Lösung.
Hat mir jemand eine Idee? Ich stehe momentan etwas auf dem Schlauch.
Vielen Dank schonmal!!
Liebe Grüße,
Ich
Kommentar