Aunque no soy muy fanatico de hacerlo con floats (especialmente por culpa de el internet explorer) creo que esta es la manera de hacerlo. Aun no he encontrado como hacerlo sin floats.
Código HTML:
<html>
<head>
<style>
#todo {
width:80%;
margin:auto;}
#menu {
background:blue;
font-size:6px;
width:20%;
float:left;
}
#contenido {
background:green;
width:80%;
float:left;
}
#pie {
clear:both;
width:100%;
background:red;
}
</style>
</head>
<body>
<div id="todo">
<div id="menu">
y justo despues tengo un pie de pagina que es relative<br>
<br>
El problema viene cuando el menu la capa "avmenu" se hace más larga que
la #seccioncolumna1extends, y el menu se solapa con el pie de página<br>
<br>
Si la pongo como relative no tengo problema, pero entonces la segunda columna debo ponerla como absolut y estamos en las mismas<br>
<br>
Alguna ayuda?
</div>
<div id="contenido">
y justo despues tengo un pie de pagina que es relative<br>
<br>
El problema viene cuando el menu la capa "avmenu" se hace más larga que
la #seccioncolumna1extends, y el menu se solapa con el pie de página<br>
<br>
Si la pongo como relative no tengo problema, pero entonces la segunda columna debo ponerla como absolut y estamos en las mismas<br>
<br>
Alguna ayuda?
</div>
<div id="pie">
y justo despues tengo un pie de pagina que es relative
</div>
</div>
</body>
</html>