float:left;

[BertaBiene]

Hallo Leute,

wenn ich z.Bsp. in einer Galerie.html mehrere gleich grosse Bilder (300x200px)
nebeneinander haben möchte, dann mache ich es ja mit

Code: Alles auswählen

float:left;

.

Wenn ich dann aber den Viewport in der breite verkleinere oder einfach
einen kleineren Bildschirm habe, dann schieben sich die Bilder ja untereinander,
so das es in der Breite passt und ich nach unten scrollen muss.


Jetzt möchte ich es aber andersrum haben:
Wenn der Viewport kleiner wird, dann möchte ich nicht nach unten, sondern nach rechts scrollen...

Also sollen die Bilder sich nicht untereinander anordnen damit es in der breite passt,
sondern weiter nebeneinander so das es in der höhe passt und ich eben nach rechts scrollen muss.


Kann mir jemand sagen wie ich das machen kann?
ich habe dazu leider nichts gefunden.
besten dank

[sejuma]

Irgendwo muss der Inhalt ja hin, wenn in der Breite kein Platz ist. Und das ist dann eben nach unten.

Die einzige Lösung sehe ich darin, die Bilder in einen Div zu packen und diesem dann einen width-Wert zuzuweisen.
Dieser sollte dann so groß sein, dass die gewünschte Anzahl von Bildern reinpasst.
Wird das Fenster dann kleiner, bekommst du eine horizontale Scrollbar angezeigt.