Overflow-x non funziona

[pippuzzo80]

Salve,
ho un div di dimensioni fisse con il seguente css

#colsotto{
position:absolute;
left:1px;
top:1041px;
height:185px;
width:919px;
overflow-x:scroll;
background-color:#385974;
padding:5px 20px 20px 20px;
overflow-y: hidden;
-ms-overflow-y: hidden;

}

In pratica vorrei che non comparisse la barra verticale ma solo quella orizzontale qualora i contenuti superino i limiti...

All'interno inserisco diverse immagini affiancate grazie a float:left. Però si verifica una cosa strana: in pratica giunti alla fine dei 919px invece di comparire la barra orizzontale, i contenuti si spostano sotto. Come mai? Sbaglio qualcosa nei css? Se indico
overflow-x:scroll;
I contenuti non dovrebbero continuare sempre in orizzontale ?

Grazie.

[Prill]

Il fatto che tu imposti lo scrolling orizzontale non c'entra nulla. Se tu avessi un elemento largo più di 919 pixel vedresti lo scrolling, ma poiché hai vari elementi flottanti è normale che vadano a capo dopo che lo spazio utile è stato occupato.
Potresti inserire le tue immagini in un altro div che abbia una larghezza adatta per contenerle su una sola riga.
Oppure, non usando il float potresti provare a forzarle su un solo rigo con la proprietà white-space:nowrap, ad esempio:

<div style="width:200px;white-space:nowrap;">
  [img]immagine.jpg[/img]
  [img]immagine.jpg[/img]
  [img]immagine.jpg[/img]
  [img]immagine.jpg[/img]
</div>

Ovviamente modifica i 200px con la tua larghezza

[pippuzzo80]

ok,
grazie!!

risolto.