Hola!
Estoy rediseñando un sitio web (partiendo de una plantilla de Layout
Gala) y me ha surgido un problema que no consigo resolver, no paro de
darle vueltas y cuando consigo solucionarlo por una parte sale un
problema por otra.
El problema está en hacer la columna de navegación 100% alta. Lo he
solucionado con el siguiente código:
body, html, #wrapper, #content, #navigation, #container {
height: 100%;
}
Pero surge otro problema: ahora cuando escribo cierta cantidad de texto
en #content, éste sale por debajo del pie destrozando el diseño de la
web. ¿Alguien sabe cómo puedo solucionar este problema? estoy deseando
tener ya una nueva plantilla para sustituir la que hay ahora
funcionando, que es deficiente.
html,body{margin:0px 0px 0px 0px;padding:0}
body{font: 76% verdana, arial, helvetica, sans-serif;
}
p{margin:0 10px 10px 0px;}
div#header {height:84px;line-height:80px;margin:0;
padding-left:0px;background: #EEE;color: #79B30B;
background-image:url('lineaHoriz.jpg');
}
div#content { padding-left: 20px; border: 1px solid;}
div#navigation{background:#FFD990;
background-image: url('degradado.jpg');
background-repeat: repeat-y;
background-position: top right;
}
div#footer{
background: #FFD990;color: #000;
background-image:url('lineaHorizAbajo.jpg');
padding-top:5px;
}
div#footer p{margin:0; height: 19px;}
div#wrapper{top: -3px; float:right;width:100%;margin-left:-200px}
div#content{margin-left:194px}
div#navigation{float:left;width:194px}
div#footer{clear:both;width:100%}
body, html, #wrapper, #content, #navigation, #container {
height: 100%;
}
Estructura del html:
<div id="container">
<div id="header"></div>
<div id="wrapper">
<div id="content">
</div>
</div>
<div id="navigation"></div>
<div id="footer"></div>
</div>
Un saludo y gracias de antemano.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
