Hola.
Bien, he estado leyendo, probando...
Lo que quiero hacer es esto: arriba, una barra de menú (de alto fijo); debajo de esta: a la izquierda, un panel con cositas (de ancho fijo), y el resto del espacio, el contenido de la página. Lo conseguí con esto:
Código PHP:
<html>
<head>
<title>Pagina de prueba de capas</title>
<style type="text/css">
body {...}
div#menu {
float: top;
margin: 1 0em;
padding: 1em;
...}
div#panel {
width: 150px;
float: left;
padding: 1em;
margin: 1em;
...}
div#cuerpo {
float: left;
width: auto;
padding: 1em;
...}
</style>
</head>
<body>
<div id="menu">
Texto del menu.
</div>
<div id="panel">
Panel.<br>
Izquierdo<br>
</div>
<div id="cuerpo">
Contenido de la pagina en cuestion.
</div>
</body>
</html>
Todo muy bien y muy bonito... pero si el texto del cuerpo excede del ancho de que dispone entre el panel y la parte derecha del navegador, pues todo el bloque de "cuerpo" salta y se queda por debajo del panel.
Ejemplo
¿Dónde está el fallo?
Seguro que es una tontería de nada, pero es que soy nuevo en esto
Salu2.