[Ovillo] cajas css: evitar el desplazamiento

Lun Jun 25 07:23:03 UTC 2007

A ver si logro explicarme bien. Tengo 3 cajas, dos con un tamaño fijo y un
background que no se repite, y una en el centro que la uso para lograr
estirar el background de manera transparente cuando se redimensiona la
ventana. El problema es que cuando hago demasiado pequeña la ventana cada
uno de los div se van montando debajo de los de su izquierda. Como puedo
evitar esto? El código es:

    <style type="text/css" media="screen">
    #col1
{
float: left;
width: 300px;
height:100px;
margin-left: 3%;

border:solid 1px green;
}

#col2
{
float: left;
width: 20%;
height:100px;
margin-left: 3%;

border:solid 1px green;
}

#col3
{
float: left;
width: 20%;
height:100px;
margin-left: 3%;

border:solid 1px green;
}

</style>

<body>
<div id="col1"></div>
<div id="col2"></div>
<div id="col3"></div>
</body>

Gracias anticipadas, un saludo.