Hallo!

Ich bin noch relativ neu was CSS betrifft und arbeite mich seit etwa zwei Wochen genauer in das Thema ein.

Trotz Unmengen Lesestoff und noch mehr Tests und Ausprobieren stehe ich jetzt gerade vor einem Problem, bei dem ich nicht weiterkomme.
Vielleicht kann mir ja einer der erfahrenen CSS'ler hier im Forum weiterhelfen, das wäre super!

Ich versuche gerade folgendes zu basteln:

einen horizontal zentrierten Container mit fixer Größe der horizontales Scrolling unterstützt.
Innerhalb dieses Containers sollen nun mehrere Elemente nebeneinander angeordnet werden, von denen jedes aber der Größe des übergeordneten Containers entspricht.
Es soll also dann so sein, dass durch horizontales Scrolling von einem Element zum nächsten gewechselt wird aber immer nur eines vollständig sichtbar ist.

Ist das einigermaßen verständlich? Ich hoffe mal

Soweit also das Problem, und bisher habe ich es nicht geschafft eine Lösung zu finden. Float setzt mir die <div> Elemente untereinander und nicht nebeneinander, display:inline funktioniert anscheinend nicht wenn der übergeordnete Container nicht genug Platz bietet, und ab und zu spielt dann nicht mal mehr text-align:center für den äußeren Container mit...

Ich würde mich über jede Hilfe und jeden Tipp in die richtige Richtung sehr freuen!

Viele Grüße
Markus

Ich habe über den Rest nicht viel nachgedacht, aber: hast du den DIV-Elementen auch gesagt welche Seite sie "Clear"en sollen?
D.h. z.B. "clear: left;"
Standard ist glaube ich "clear: both", da müssen beide Seite freigehalten werden.
Probier mal "clear: none", dann sollte alles nebeneinander sein.

[edit] http://www.w3.org/TR/CSS21/visuren.html#flow-control

das funzt mit reinem css nich! wenn ich dich richtig verstanden habe soll der übergeordnete container als "lochmaske" herhalten!?
das geht ja schon rein technisch nich, da die darinliegenden container ihre breite einnehmen und den übergeordnetet zwangsstrecken werden. man könnte jetzt mit einer fläche arbeiten, die einen ausschnitt hat (gif, png, aber je nach dem wie viele container in reihe drunter liegen streckt sich das bis zum geht-nicht-mehr (und den scrollbalken hättest du ja auch über die ganze breite...).
da muss javascript her

übrigens: container nebeneinander mit float: left, float: left, float:left...

__________________
www.freizeitler.de

Ich hatte gehofft, dass man das irgendwie umgehen kann, indem man eben sagt dass der äußere Container gescrollt und nicht gestreckt wird?!