html - posicion - evitar que div se mueva en el tamaño de la ventana

posicionar div abajo

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?

este es el código

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

gracias Luca

Answer 1

Puedes poner estos divs dentro del div principal con ancho / alto fijo para ese div, o puedes determinar un porcentaje de ancho / alto para cada dos divs.

Answer 2

primero agregue un div / wrap padre y ponga esos dos divs en el mismo.

al igual que:

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

entonces puedes probar el

min-width (px / ems / etc) en el div parent / wrapper como así:

#wrap{
min-width: 600px;
}

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

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

esta es mi manera de hacerlo.