ajustar cajas div

[newmesis]

Hola amigos. bueno quisera saber si alquien me puede ayudar con esto
quiero hacer lo siguiente

la ventana del navegador esta normal
teniendo 2 cajas la caja 2 con un float:left



sin envargo si yo achico el navegador al porte de 700px
automaticamente la caja 2 baja



pero si achico mas aun la caja 1 y 2 bajan mas aun


la pregunta es como puedo hacer para que la caja general tenga un valor de width del 100% pero a la vez que tenga un valor minimo predeterminado que seria 700 cosa que si sigo achicando la ventana la caja general quede en 700px
espero me puedan ayuda.

antemano gracias

[gebremswar]

Hola newmesis, que tal.

Puedes agregarle al div general

Código CSS:

min-width: 700px;
 

con eso lograras que pida scroll horizontal al redimencionar el navegador por debajo de los 700px.

Pruebalo y dinos que tal te fue.

[joseoliveras]

Se me escapa porque pones la caja al 100% si necesitas que tenga un tamaño de 700px

[gebremswar]

Bueno joseoliveras, si lo tiene en 100% es porque lo necesitará así. Y quiere que recien al reajustar el navegador a 700px la caja 2 pase abajo.

newmesis seria bueno que compartieras la hoja de estilos en cascada que utilizas en esos <div> para poder dar con la solución mas precisa.

Creo que la solución estaría en el uso de media queries de css3. Pero te sugiero que nos compartas el código css.

[newmesis]

se me olvido agregar otra caja esta es y ademas adjunto la pagina donde se ve de forma real



http://tuchillan.cl/tu/

[newmesis]

encontre la solucion

al general le agrege un style

position: absolute;
margin-left: 212px;

qudando perfect ahora al achicar la ventana baja la caja 2 y queda bien estructurado :D
gracias por la ayuda