Supongamos un diseño sencillo a 2 columnas, la de la izquierda es el menú (vertical) y la de la derecha es el contenido principal:
...
Generalmente el contenido tiene una altura mayor al del menú, la técnica consiste en "simular" que la altura del menú es igual a la del contenido, de la siguiente manera:
#contenedor{ margin: 0 auto; width: 600px; } #contenido{ border-left: solid 200px #DFDFDF; // acá simulamos la altura del menú position: absolute; width: 400px; } #menu{ background: #DFDFDF; margin-left: 400px; position: absolute; width: 200px; // debe tener el mismo ancho que el borde del contenido }
Saludos y que lo disfruten!
0 comentarios:
Publicar un comentario