Cómo extender el color rosa del menú vertical hasta el final de la página en mi sitio web

hola, estoy haciendo una web para una amiga... y al poner el menú vertical, me ha surgido un problemilla que me parece muy tonto, pero que no doy con la solución :fatigue:

aquí teneis la web, este es el contenido que va a llevar la home, me falta acondicionarlo...

Tere Rico

¿mi problema es, cómo hago que el color rosa del menú vertical de la izquierda llegue hasta el final de la web?

yo no sé lo larga que va a ser la web, cada página tendrá una medida más o menos larga, que incluso podrá variar si la ventana es más grande o más pequeña, pues el texto se adaptará....

¿cómo le digo a la barra lateral izquierda (<aside> con float left ) que ha de ocupar el mismo alto que tenga la web, es decir, el mismo alto que el body ?

no sé, me parece que no debería de ser difícil, pero ahora mismo estoy atascada en esa tontería y no consigo solucionarlo..:ambivalence:

Agradecería un montón cualquier ayuda/sugerencia :sorrow:

Hola, define la altura de aside con pixeles.

aside { height: 800px; }

Para fijar la altura de aside con porcentaje es necesario que la etiqueta padre (body) tenga una altura definida con pixeles.

hugo1 dijo:

Hola, define la altura de aside con pixeles.

aside { height: 800px; }

Para fijar la altura de aside con porcentaje es necesario que la etiqueta padre (body) tenga una altura definida con pixeles.

Hacer clic para expandir...

ya, pero es que yo no sé la altura del body, en cada página va a depender del contenido, unas serán más largas y otras más cortas....

yo pensé en hacerlo con una tabla, con display:table en un contenedor de toda la página y luego display:table-cell en el aside y en el section...
y pensé que así funcionarían de modo independiente cada contenido de celda... pero lo que añado en section me mueve lo de aside y al revés :ambivalence:

---------- Post agregado el 15-may-2014 hora: 11:24 ----------

SOLUCIONADO!! sabía que tenía que ser una tontería...

ponerlo en formato tabla como pensaba (con la orden display), pero luego poner el vertical align top... y desde luego no usar float....

no sé si fue algo más, pero ya está 😛8:😛8: a mí salud, jeje