Hola, no entiendo por qué motivo me sale mal el diseño de una página con dos columnas, la de la izquierda de ancho fijo y la derecha de ancho variable al tamaño del navegador.
En IE7 sale bien, pero en Firefox la columna derecha no la consigo colocar en su hueco y se me expande por debajo de la columna izquierda ocupando todo el ancho del contenedor (en este caso el propio body, aunque también pasa con cualquier DIV):
este es el CSS abreviado con las propiedades que hacen el diseño:
Código:
#cabecera {
border-bottom: 1px solid black;
}
#colizq {
float: left;
width: 300px; /*ancho fijo */
margin: 0;
padding: 1em 10px 1em 10px;
border-right: 1px solid black;
}
#colder {
float:right;
margin:0;
padding: 1em 10px 1em 10px;
}
#pie {
clear:both;
padding-bottom: 1em;
text-align:center;
border-top: 1px solid black;
}
como decía, sale perfecto en IE7 pero en Firefox pasa lo que comentaba.
Alguna ayuda?