Foros del Web » Creando para Internet » CSS »

columna que crece con las demás

Estas en el tema de columna que crece con las demás en el foro de CSS en Foros del Web. Hola a todos: a ver si me puedo explicar bien... El problema es que tengo una capa contenedora y dentro otras dos, de las cuales ...
  #1 (permalink)  
Antiguo 04/12/2008, 08:16
 
Fecha de Ingreso: septiembre-2005
Mensajes: 65
Antigüedad: 12 años, 3 meses
Puntos: 0
columna que crece con las demás

Hola a todos:

a ver si me puedo explicar bien...
El problema es que tengo una capa contenedora y dentro otras dos, de las cuales la primera es para la columna izquierda y la otra para la columna derecha (ésta con fondo gris). Lo que quiero conseguir es que al crecer la columna izquierda, crezca también la derecha, para que no se vea el corte de color a la mitad de la página.
He probado a poner un height 100% para la columna izquierda y funciona, pero necesito que tenga un float: right que me anula el ajuste de la altura.

Alguien sabría darme alguna solución? estoy atascada.

Gracias.
  #2 (permalink)  
Antiguo 04/12/2008, 11:39
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: columna que crece con las demás

Mira a ver si te sirve este ejemplo http://www.forosdelweb.com/f53/faqs-...ml#post2593702
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 04/12/2008, 21:45
 
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 23
Antigüedad: 9 años
Puntos: 0
De acuerdo Respuesta: columna que crece con las demás

Cita:
Iniciado por zorniak Ver Mensaje
Hola a todos:

a ver si me puedo explicar bien...
El problema es que tengo una capa contenedora y dentro otras dos, de las cuales la primera es para la columna izquierda y la otra para la columna derecha (ésta con fondo gris). Lo que quiero conseguir es que al crecer la columna izquierda, crezca también la derecha, para que no se vea el corte de color a la mitad de la página.
He probado a poner un height 100% para la columna izquierda y funciona, pero necesito que tenga un float: right que me anula el ajuste de la altura.

Alguien sabría darme alguna solución? estoy atascada.

Gracias.
Aquí la solución:

Yo tenía este mismo problema y Jimur de Vagabundia.blogspot.com me solucionó el problema de esta manera.


Código:
#content-wrapper {
}

Y le agrego una propiedad:

#content-wrapper {
overflow:hidden;
}

Busco esto y lo elimino:

#main-wrapper {overflow:hidden;} 

Busco #main-wrapper que ahora dice:

#main-wrapper {
    float: left;
    width: 550px;
        padding: 6px 10px 10px 10px;
        text-align:justify;
        background: #ccffff;
        margin:0 auto 1px auto;
background-repeat: repeat-y;
}

y lo cambio por esto:

#main-wrapper {
    float: left;
    width: 550px;
        padding: 6px 10px 10px 10px;
        text-align:justify;
        background-color: #ccffff;
margin-bottom:-32768px;
padding-bottom:32768px;
}

margin tiene un valor negativo, padding un valor positivo, el resto son correcciones menores.

Por último, busco #sidebar-wrapper que ahora dice

#sidebar-wrapper {
    float: right;
    width: 398px;
    margin: 0px 0 0 2px;
        background:#d7eff8;
        background-repeat: repeat-y;
        height:8000px;
}

y lo cambio por esto:

#sidebar-wrapper {
    float: right;
    width: 398px;
        background-color:#d7eff8;
margin-bottom:-32768px;
padding-bottom:32768px;
}

Elimino el height y vuelvo a poner el padding y el margin

El resultado esta en mi blog de pruebas:
http://plantillastester.blogspot.com/

y lo probé tanto en Firefox como en Internet Explorer 7

Lo dejo ahí hasta que lo veas.
________________________________________
 JMiur [ Vagabundia ]
Creo que el concepto esta un poco claro no?
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 14:29.