Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/05/2010, 13:30
Ainner
 
Fecha de Ingreso: mayo-2010
Mensajes: 10
Antigüedad: 14 años, 6 meses
Puntos: 0
Div principal, con DIV's dentro: Float

¡¡Buenas a todos!!.

Pasare a comentaros mi problemas, vereis:

Tengo un DIV principal (un DIV contenedor), en el que tengo, muchos DIV's mas pequeños dentro, todos estos DIV's, interiores, tienen un float:left.

La cuestion es que el DIV principal tiene un overflow:auto, pero cuando los DIV's interiores llegan al fin del DIV contenedor, saltan abajo y no se meten por dentro del DIV.

Ejemplo:

Código HTML:
<div style="width:320px; height:320px; overflow:auto">
    <div style="width:80px; height:20px; float:left">
        Prueba
    </div>
    <div style="width:80px; height:20px; float:left">
        Prueba
    </div>
    <div style="width:80px; height:20px; float:left">
        Prueba
    </div>
    <div style="width:80px; height:20px; float:left">
        Prueba
    </div>
</div> 
Pues, lo que yo quiero, es que los DIV's interiores, no salten una posicion, si no que sigan rectos, para poder hacer scroll horizontal en el DIV principal.

He probado muchos estilos, tanto en el DIV principal como en los interiores, pero nada funciona. ¿Que me decis?.

Muchas gracias!!