[erledigt]Scrollen erzwingen/sperren

[Amandil]

Mittels eines Divs wollte ich mehere Thumbnails darstellen die sich horizontal scrollen lassen sollten um so möglichst wenig Platz weg zu nehmen. Die Breite und Höhe des Divs beträgt 500x90, die Thumbnails messen 180x80. Genug Platz also um drei nebeneinander dar zu stellen.
Dannach beginnt das Problem. Obwohl die aneinanderreihung ohne Zeilenumbrüche o.ä. von statten geht, wird das vierte nach unten gerückt. Ein horizontaler Scrollbalken erscheint nicht, dafür aber ein vertikaler.

Versucht hatte ich das ganze mittels dieser Definition des div

Code: Alles auswählen

#auswahl {
position: relative;
border: 1px solid #530;
background-color: #FFF;
width: 500px;
height: 90px;
overflow-x: scroll;
padding: 5px;
background:url(img/dl.jpg);
background-position:left;
background-repeat:repeat-y;
}

Hab ich Elemente die das horizontale scrollen verhindern, oder gibt es einen Weg zuverlässig ein vertikales scrollen zu sperren?

[S2B]

Tritt das Problem nur in bestimmten Browsern auf?

[Amandil]

Zumindest Firefox 2.0.0.3, IE7 und Opera 9.1
Weitere Browser hab ich nicht parat und werden an dem Ergebnis wohl nicht viel ändern schätze ich.

[S2B]

http://forum.de.selfhtml.org/archiv/2003/2/t38366/

Hatte mich schon gewundert, warum die Eigenschaften nicht in CSS4You stehen...

[Amandil]

hm gut, jetzt bin ich zwar insoweit schlauer dass ich die css um eine zeile kürzen kann, der problemlösung bin ich dadurch leider trotzdem nicht näher gekommen. trotzdem schonmal danke für diese neue erkenntnis.


edit:
Ah okay, auf die einfachsten Dinge kommt man wohl wirklich nie. <nobr> hat für die Problemlösung gesorgt.

[S2B]

Nimm doch overflow ohne x/y, um die Scrollbars anzuzeigen.

Das eigentliche Problem an deinem Code ist, dass du die Border- und Padding-Angaben nicht zur Breite des divs dazuzählst (du programmierst sozusagen im IE6-Boxmodell )

[Amandil]

doch doch das hat so schon gepasst wie es war. und overflow alleine hätte das gemacht was er immer macht: vertikal gescrollt und horizontales verhindert.