Hola tengo tres divs:
Código HTML:
<body>
<div id="contenedor">
<div id="columna">
</div>
<div id="columna2">
</div>
</div>
</body> y el CSS:
Código:
* {
margin:0;
padding:0;
}
html, body {
height: 100%;
}
#contenedor {
width: 100%;
height: 100%;
margin:0;
background-color: #ccc;
}
#columna {
height: 100%;
float: left;
width: 200px;
background-color: #f00;
overflow:auto;
}
#columna2 {
height: 100%;
float: left;
width:800px;
background-color:#00FF99;
overflow:auto;
}
Cuando el navegador está maximizado veo todo ok. Pero al recudir el tamaño de la ventana el div columna2 pasa para abajo de columna1. Quiero que no suceda eso, es decir que columna2 permanezca a la derecha.
Gracias desde ya por las respuestas.
Saludos