Manejo de CSS

[eduardomarin]

Hola a todos
Como principiante estoy teniendo un problema y me gustaria que me orientarais en una solucion

En una pagina web tengo dos clumnas creadas con <div> y usando hojas de estilo para que una se situe a la izquierda y la otra a la derecha hasta aqui todo funciona pero el problema es que uso dos colores de fondo para cada una de las columnas en la de la izquierda el contenido es un arbol que se expande y se contrae al usar el raton sobre sus opciones, cuando se expande la altura de la columna izquierda crece, entonces en la columna derecha queda el color de fondo con otra altura y la diferencia se completa con el caloro defondo del documento
Existe alguna manera de evitar esto y hacer que cambien el tamaño conjuntamente las dos columnas ?

Espero haber explicado bien el problema

Gracias anticipadas

Eduardo

[Triby]

El CSS de PunBB tiene una solución para esto que sería más o menos así:

Código HTML:

div.izquierda {
    display:block;
    width:200px;
    float:left;
    background-color:#555;
    border-right:600px #000 solid;
}
div.derecha {
    display:block;
    width:600px;
    float:right;
    background-color:#000;
    border-left:200px #555 solid;
}

Lógicamente estos dos divs estarán dentro de un contenedor con una anchura de 800 pixeles y para que se rellenen parejo las dos columnas habrá que colocar un elemento que finalice ambos floats.