columna que crece con las demás

[zorniak]

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.

[Mikmoro]

Mira a ver si te sirve este ejemplo http://www.forosdelweb.com/f53/faqs-...ml#post2593702

[Asuknamun]

Iniciado por zorniak

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?