DIV anidados ajustables

[hackjose]

Solo para complementar

En principio los elementos div son elementos de bloque, por lo que seria un div por linea

Para que puedan estar en una sola linea puedes hacer 3 cosas

display:inline solo que aqui las propiedades width/height no sirven

display: inline-block aqui las propiedades width/height si sirven, solo que no todos los navegadores soportan inline-block

usar la propiedad float, asi los elementos se comportan como inline-block osea todos los div pueden estar en una linea y aparten son bloques(width/height sirven)

Cuando usas float a la hora de redimencionar la ventana los divs se van desplazando hacia abajo

Para evitar esto, hay que encerrar a los div en un container y este container debe tener medidas fijas osea width/height, asi el container siempre debe medir cierta anchura impidiendo que los div child bajen

espero haberte ayudado

salu2