Forzar que los div no cambien de linea

[cristofer-2006]

Hola a todos los foreros, escribo haber si alguien sabe como solucionar mi duda.

Estoy pasando mi web para moviles y queria meter las imagenes en slider lateral y que se pueda ir pasando con el dedo en la pantalla del movil, el codigo seria algo así:

Código HTML:

<div id="imagenes">
<div id="imagen"><img src="http://www.forosdelweb.com/f53/forzar-que-div-no-cambien-linea-1067048/..." /><br />Titulo</div>
<div id="imagen"><img src="http://www.forosdelweb.com/f53/forzar-que-div-no-cambien-linea-1067048/..." /><br />Titulo</div>
<div id="imagen"><img src="http://www.forosdelweb.com/f53/forzar-que-div-no-cambien-linea-1067048/..." /><br />Titulo</div>
</div>
 

los div cada imagen lleva: float:left y el div que las contiene todas overflow-y:auto; y width del 100% pero no funciona

Gracias de antemano por la ayuda

[pzin]

Tendría que meter un pequeño contenedor dentro de div#imagenes, algo así:

Código CSS:

<div id="imagenes">
  <div id="microcontenedor">
    <div class="imagen"><img src=""/><br />Titulo</div>
    <div class="imagen"><img src=""/><br />Titulo</div>
    <div class="imagen"><img src=""/><br />Titulo</div>
  </div>
</div>
 

Si te fijas también he cambiado los id="imagen" por class="imagen", ya que los identificadores son únicos y no se puede repetir.

Ahora para para que no se vea lo que sobresalga de div#imagenes y para que div.imagen no cambie de linea pones:

Código CSS:

div#contenedor {
  overflow: hidden;
}
 
div#microcontenedor {
  width: Xum;
}
 

Ahora, X corresponde al ancho de cada div.imagen multiplicado por la cantidad de ellos que hayan.
Por ejemplo, si tienes cuatro imágenes y su div mide 200 pixeles: X = 200 x 4 = 800. Entonces tendría que poner 800. Con um me refiero a unidad de medida, ya sean pixeles, porcentajes, etc.

[cristofer-2006]

Muchas gracias, funciona a la perfección, aunque tuve que cambiar el overflow por scroll para que me funcionara.

Pero si no supiera la medida lateral exacta por que varia en cada pagina? lo digo por que prefiero poner el código css en un archivo .css, que ponerlo con php en la pagina que se envía.

Saludos

[cristofer-2006]

Para el que tenga la misma duda que yo, si se le pone un ancho mayor al ancho que ocupan las imagenes dentro del div, el scrooll se queda justo donde acaba el contenido del div sin mostrar la parte del div que esta vacia, no se por que pero se queda justo como quería.

Saludos