Ajuste Panel Izquierdo

El fin de semana pasado y hoy aprovechando que mañana es festivo he leido algo de XHTML y CSS, bueno eso no les interesa. Me dispuse a hacer un layout para un Blog......

Se me presentaron una situacion:

El panel de la izquierda no logro que crezca a medida que crece el del contenido, me toca darle un valor alto.... si bien podría encontrar ese valor maximo y cambiarlos segun el caso con JS, Estaría mal y me imagino que debe haber una forma de hacer que crezca....

Lo más probable es que dispuse mal los divs...

AQUI esta el url donde tengo lo que hice

http://www.logitmedia.com/blog/

Esto no les interesa, pero asi es como quiero que quede.

http://www.logitmedia.com/blog/Seb_bog.jpg



Estoy en proceso de aprendizaje.... asi que espero haber sido claro

PS. No se si lo que he leido y basado sea lo mejor. asi que no se si estoy haciendo las cosas de pa tras......

Gracias

Ya lo probé con 100% pero no lo hace.....

ambos se ven identicos, ya lo resolviste?
si es asi compartelo con el resto de la comunidad

Nope...

Mira esto hice

Código :

.left_menu {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-image: url(../imagenes/fondo_tabla.jpg);
   margin: 0px;
   padding: 0px 0px 0px 30px;
   float: left;
   height: 800px;
   width: 244px;
   line-height: 20px;
   color: #7C96A5;
}

Ves que height le puse valor 800.....

Asi se ve con height 100%

http://www.logitmedia.com/blog/error

La verdad no se que hacer para que ese div crezca con el div del contenido

Oye bipsa, eso ha sido motivo de estudio, realmente con puro CSS creo que no se puede hacer, pero, hay una opcion.
Si usas una imagen de fondo para el div de contenido, que ocupe todo el ancho de la pagina y que contenga la sonbra que hace la division del panel izquierdo, repetida a todo lo largo d ela pagina hace el mismo efecto visual.
El div del panel no llegara hasta abajo pero como no tiene bordes no se notara la diferencia.
Ademas de esto, deberas ponerle a los parrafos el ancho necesario para que no se cuelenpor debajo del panel y flotarlos a la derecha.

Por otro lado, me fije que tienes el menu del panel hecho asi:

Código :

Web Clase (2)<br>
Weblog (1)<br>
Colombianas (4)<br>
Latinoam&eacute;ricanas (8)<br>
Mis Favoritas (12)<br>
Comentarios (7)<br>
Noticias Importantes (3)<br>
Eventos (4)<br>
Curiosidades (5)<br>
Utiles (5)<br>
Comunidades (3)

Y la forma correcta sería:

Código :

<ul>
<li>Web Clase (2)</li>
<li>Weblog (1)</li>>
<li>Colombianas (4)</li>>
<li>Latinoam&eacute;ricanas (8)</li>>
<li>Mis Favoritas (12)</li>>
<li>Comentarios (7)</li>>
<li>Noticias Importantes (3)</li>>
<li>Eventos (4)</li>>
<li>Curiosidades (5)</li>>
<li>Utiles (5)</li>>
<li>Comunidades (3)/li>
</ul>

Y otra cosita, la idea principal de CSS es separar el contenido de la presentacion, y las imagenes que forman parte del layout no son contenido, por lo tanto es mejor posicionarlas desde CSS, como el encabezado y la franja de la derecha. Ponlos como background-image de los divs, asi cuando quieras cambiar algo no necesitas tocar el archivo HTML.

Saludos.

Ok, voy a hecharle mente, y hacer lo de la imagen aunque no aumentaría el tamaño del panel izquierdo...... En fin igual me falta mucho por recorrer.... y esto es lo primero que hago con puros divs y creo tablas..... irá mejorando.....

chequen este tutorial
http://www.alistapart.com/articles/fauxcolumns/

mmmm, podria ser... colocar en el fondo lo que necesito que aparezca..... , y solo se tendría que cuadrar el div del contenido.... Gracias por la referencia fael....

Eso fue exactamente lo que le dije, por supuesto en ese link esta mejor explicado