¿Y si cambias de orden los divs menú y contenido?
#navegacion { float:left;
width: 190px;
}
.menu { clear:left; /* para que se coloque debajo de navegación */
float: left;
width: 190px;
}
#contenido {
float: right; /* o left ?*/
width: 560px;
clear:right; }
<div id="navegacion"> navegacion </div> <div id="contenido"> contenidos </div> <div class="menu"> menu secundario </div>
Inma Bermejo Salar wrote:
Hola compañeros!
Lo primero saludar a todo el mundo y dar las gracias, porque estoy aprendiendo mucho con esta lista.
Resulta que estoy maquetando con capas y no consigo la posición que quiero.
Quiero poner dos capas a la izquierda, una encima de la otra, y otra a la derecha, como se puede ver en la imagen que adjunto (aunque en el dibujo también salen el pie y el título) teniendo este código simplemente:
<div id="navegacion"> navegacion </div>
<div class="menu"> menu secundario </div>
<div id="contenido"> contenidos </div>
y el problema es que al alinear navegación y menú a la izquierda y contenido a la derecha, se me baja contenido a la altura de menu, en lugar de quedarse arriba... bueno, me explico fatal. El css es el que sigue:
#navegacion { float:left; width: 190px; }
.menu { clear:left; /* para que se coloque debajo de navegación */ float: left; width: 190px; }
#contenido { float: right; width: 560px }
No he conseguido nada con los últimos artículos recomendados en la lista, los de Box Model Hack, ni en diseñorama ni nada :'(
si alguien tiene alguna idea será bienvenida.
Saludos, y felices vacaciones a todos (porque lo que celebramos son las vacaciones, no? :-D)
------------------------------------------------------------------------
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
