Hooola de nuevo:
Después de estar atormentado con el asunto durante un tiempo, he llegado a la conclusión de que con saber como adaptar un Div a la altura del superior en función de la longitud de su texto es suficiente.
Adjunto de nuevo el codigo de mi interés (que seguro que tiene algún error
)
Gracias por la ayuda
Código:
/*panel principal*/
#Panel_principal { position:Absolute; left: 300px; width:700px;height:auto; margin:105px 5px 5px 5px;text-align: Left;}
#Panel_principal h1{...}
#Panel_principal h3{...}
#Panel_principal p{...}
/*Mapa Funcional*/
#caja_tabla {position:fixed;left: 350px; width: 475px; margin:700px 5px 5px 5px;;padding:auto;background:grey; color: white}
#Encabezado {position:absolute;top: 0px; left: 0px;width: 475px; padding:auto;text-align: Center;background: grey;font-size:18px;font-weight: bold;}
#Caja1{position:absolute;top: 62px; left: 0px;width: 475px;}
#Caja2{position:absolute;top: 113px; left: 0px;width:475px;}
#Caja3{position:absolute;top: 164px; left: 0px;width: 155px;}
#Caja4{position:absolute;top: 164px; left: 160px;width:155px;}
#Caja5{position:absolute;top: 164px; left: 320px;width:155px;}
#Caja6{position:absolute;top: 215px; left: 0px;width:475px;}
#Caja7{position:absolute;top: 266px; left: 0px;width:155px;}
#Caja8{position:absolute;top: 266px; left: 160px;width:155px;}
#Caja9{position:absolute;top: 266px; left: 320px;width:155px;}
y el HTML
Código HTML:
<p>
<div id="caja_tabla">
<div id="Encabezado">
<p>Encabezado</p>
</div >
<div id="Caja1">
<p>Caja1</p>
</div >
<div id="Caja2">
<p>Caja2</p>
</div >
<div id="Caja3">
<p>Caja3</p>
</div >
<div id="Caja4">
<p>Caja4</p>
</div >
<div id="Caja5">
<p>Caja5</p>
</div >
<div id="Caja6">
<p>Caja6</p>
</div >
<div id="Caja7">
<p>Caja7</p>
</div >
<div id="Caja8">
<p>Caja8</p>
</div >
<div id="Caja9">
<p>Caja9</p>
</div >
</div >
</p>
</p>
<br/><br/><br/><br/><br/>
</body>
</html>