impedir que div se mueva en el tamaño de la ventana

Question

Tengo una página con dos divs "list_events" y "right_content" uno al lado del otro. Cuando cambio el tamaño de la ventana "right_content" baja "list_events" pero no quiero eso. No quiero que esos dos divs muevan ni reduzcan el tamaño de la ventana ... ¿Cómo puedo lograr eso?

El código

.list_events{margin-left:1em;float:left;} 
.right_content{float:left;margin-left:1em;} 

gracias Luca

Answer 1

primero agregue un div/wrap principal y coloque esos dos div en el mismo.

así:

<div id="wrap"> 
    <div id="list_events"></div> 
    <div id="right_content"></div> 

</div> 

entonces se puede probar el min-width

(px/EMS/etc) en el padre/div envoltorio de este modo:

#wrap{ 
min-width: 600px; 
} 

general Cualquiera sea el tamaño que agregue al ancho mínimo, escalará el div principal hasta el tamaño especificado.

una vez que la ventana está dimensionada más allá del tamaño especificado, se comportará como cualquier otra ventana.

esta es mi forma de hacerlo.

Answer 2

Usted puede poner este divs dentro div padre con ancho fijo/altura para que div, o se puede determinar un porcentaje de anchura/altura para cada dos divs.