Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/07/2007, 11:08
Tigervlc
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 15 años
Puntos: 3
Pregunta diseño a dos columnas, una fija y otra variable

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?