Hola,
tengo una página que lleva una Cabecera, tres columnas y una base.
La web se adapta al tamaño de la pantalla. El problema surge cuando la columna de la izquierda tiene más contenido que la de la derecha. Se expande por debajo. Sobre todo en el Explorer. Lo ideal sería que la columna central se estirpara hasta abajo aunque no tenga contenido. Pero no logro hacerlo. No se si esto tiene solución o no puedo hacer nada. O lo hago con tablas o utilizo un ancho fijo en todas las columnas. He probado de muchas maneras pero nada.
Ver desastre: http://www.cgpola.com/css
Un saludo
El código que estoy utilizando es:
html, body {
margin:0px 0px 0px 0px;
background:#f5f5f5;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
height:100%;
/* Cabecera*/
}
#header{
width:100%;
text-align:left;
height:148px;
border-bottom:0px solid #666633;
}
/*Columna derecha con Dos columnas en su interior*/
#rightcontent {
float:right;
width:75%;
margin-left:15px;
padding-bottom:20px;
border-left:0px solid #B1A06E;
#insideleft {
background-image: url(/Templates/Parlamento/Images/prueb5.jpg);
background-repeat: repeat-x;
background-position: left top;
padding:45px 180px 20px 20px;
}
#insideright {
float:right;
width:167px;
border-left:0px dashed #B1A06E;
margin-left:0px;
background-image: url(/Templates/Parlamento/Images/prueb3.jpg);
background-repeat: no-repeat;
background-position: right top;
}
/*Columna izquierda*/
#leftcontent {
padding:45px 0px 30px 0px;
/*Base*/
#footer {
clear:both;
width:100%;