Hola
cristofer-2006
Este es tu código, un poco ordenado:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Problema de cristofer-2006</title>
<style type="text/css">
#contenedor {
min-height: 100px;
height: auto;
width: 899px;
background-image: url(img/imagen_1.jpg);
background-position: left;
}
#subcontenedor {
min-height: 100px;
height: auto;
width: 172px;
background-image: url(img/imagen_2.jpg);
background-position: right;
background-repeat: repeat-y;
}
#tercera_caja {
min-height: 100px;
height: auto;
width: 890px;
background-image: url(img/imagen_3.jpg);
background-position: right;
background-repeat: repeat-y;
background-color:#ccc; /*meto este color para poder testar, ya que no tengo las imágenes*/
}
#menu {
min-height: 100px;
height: auto;
width: 157px;
background-color: #FF9900;
margin-left: 9px;
float: left;
clear: none;
overflow: hidden;
}
#contenido {
min-height: 100px;
height: auto;
width: 700px;
background-color: #FFFFFF;
margin-left: 206px;
float: right;
overflow: hidden;
border: 1px solid #484848; /*le añado este borde para poder testar*/
}
</style>
</head>
<body>
<div id="contenedor">
<div id="subcontenedor">
<div id="tercera_caja">
<div id="menu">
<p>Menu (aquí el alto es variable)</p>
<div style="height: 400px; background-color: #ffc">Metemos un div para recrear artificialmente (un simulacro de altura) una altura de 400px (por ejemplo)</div>
</div>
<div id="contenido">
<p>Contenido de la página (aquí el alto es variable)</p>
</div>
</div> <!-- fin de tercera caja -->
</div> <!-- fin de subcontenedor -->
</div> <!-- fin de contenedor -->
</body>
</html> Si haces un copia-pega y lo pruebas verás que tiene problemas. Sobre esta base, dinos lo que quieres conseguir y seguiremos adelante.
Bye