Hola a todos.
Tengo este simple esquema:
En donde tengo 2 problemas:
1- El menu tiene una imagen de fondo repetida en y (background-repeat: repeat-y;) El tema es que en general el contenido es mucho mas largo que el largo que ocupa el menu. ¿Como hago para que el largo del menu se "estire" hacia abajo hasta el largo del contenido? Lo mismo pasa con un color de fondo.
2- En IE, cuando el tamaño de la ventana del navegador es mas pequeña que el ancho de la pagina (760px) la caja del contenido se me "cae" debajo de la caja del menu. Como puedo solucionar esto?
Gracias. Saludos
PD: Asi lo tengo armado:
Diagrama Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
#menu {
background-color: #00CCFF;
width: 200px;
float: left;
}
#contenido {
width: 560px;
background-color: #99FF99;
margin-left: 210px;
}
</style>
</head>
<body>
<div id="menu">
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
</div>
<div id="contenido">
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
<p>Contenido</p>
</div>
</body>
</html>