span mit scrollbar

[cartman23]

Hallo,

ich bin Anfänger und habe eine wahrscheinlich einfache Frage.

Und zwar habe ich eine Seite mit Bildern. Diese Bilder floaten left und sind in span's platziert.
Platziere ich sie in div's, floaten sie nicht so wie ich es möchte (es müssen also span's bleiben).

Nun möchte ich den spans ein overflow bzw eine scrollbar geben und mehrere Bilder in ein span packen.

Falls man mich jetzt nicht versteht ... hier ist was ich möchte:
CSS scroll area with overflow - DoMedia

... nur eben nicht in einem div, sondern einem span.

Hier ist mein kläglicher Versuch:
Edit this Fiddle - jsFiddle

Hier habe ich versucht die 2 Blumenbilder in ein Span zu packen und dem span im css ein overflow-x und y gegeben. Das bewirkt leider nichts.

Kann mir jemand weiter helfen?

Vielen Dank schon mal und liebe Grüße.

 

[dertypdernixkan]

Hi cartman23

da Du Änfänger bist hier mal ein paar Hinweise:

DIV = Block-Element
SPAN = Inline-Element

Der DIV nimmt IMMER die maximale Breite an, auch wenn er leer ist, das Span-Element allerdings ist immer nur so breit wie sein Inhalt!

Es ist also recht "Sinnlos" einem Inline-Element ein Overflow zu verpassen weil Du es zuerst zu einem Block-Element machen musst!

Das beste ist, Du postest mal deine gesamte Datei damit man da mal draufschauen kann. Oder, Du schaust dir mal mein kleines Tut zum Thema Float und Clear an.

http://forum.jswelt.de/tutorials-css-xhtml/57904-css-float-clear-praxis-kleines-tut.html

Grüßli

 

[kkapsner]

Auch ein Inline-Element kann sinnvoll einen overflow bekommen - dazu muss es hald ein display: inline-block; bekommen. Wenn man dann noch eine feste oder maximale Breite angibt, kann ein overflow schon Sinn ergeben.

Float hat manchmal einfach unerwünschte Nebeneffekte und ist deswegen nicht für jede Problemstellung geeignet.

 

[dertypdernixkan]

Also ich habe mit dem Floatings keine Probleme

 

[kkapsner]

Ich hab' damit auch keine Probleme - es ist nur einfach für manche Probleme nicht geeignet.