Foros del Web » Creando para Internet » CSS »

Problemas de desbordamiento con columnas estirables

Estas en el tema de Problemas de desbordamiento con columnas estirables en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/10/2006, 16:15
 
Fecha de Ingreso: enero-2002
Mensajes: 161
Antigüedad: 15 años, 11 meses
Puntos: 0
Problemas de desbordamiento con columnas estirables

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%;

Última edición por HALL; 28/10/2006 a las 17:17
  #2 (permalink)  
Antiguo 28/10/2006, 19:46
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
si le das un ancho fijo a la columna de la izquierda el contendio siempre mantentria el mismo ancho y no se posicionaria abajo de las otras.
Lo que es mas complicado es hacer que las otras se adapten al largo de esta.
De hecho creo que no se puede (o al menos no sin usar javascript o similares). Pero si se puede simular... por ejemplo poniendo una imagen de fondo en algun div que encierre las 3 columnas y que simule los bordes de las columnas..
te dejo iun articulo sobre esto http://www.alistapart.com/articles/fauxcolumns/

Saludos
__________________
oohh... quisiera ser godines!!!
  #3 (permalink)  
Antiguo 29/10/2006, 17:07
 
Fecha de Ingreso: enero-2002
Mensajes: 161
Antigüedad: 15 años, 11 meses
Puntos: 0
Gracias. He tenido que hacer malabarismos pero creo que lo he logrado.
No me gusta nada hacer web con anchos adaptables es muy complicado ajustar bien las cosas. En fin...

un saludo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:00.