Hola a todos
Tengo el siguiente problema, he creado el siguiente css:
Código:
html, body {height:100%;}
div#tablaprincipal {
position:relative;
height:100%;
background-color:#FFFFFF;
width:770px;
margin-left: auto;
margin-right: auto;
}
div#tablaprincipal div#menu {
position:relative;
background-color:#FFFFFF;
width:770px;
border: 0px;
}
div#tablaprincipal div#lateral {
position:relative;
float:left;
width:203px;
}
div#tablaprincipal div#contenido {
position:relative;
float:left;
width:567px;
}
div#tablaprincipal div#pie {
position:relative;
float: right;
width:567px;
}
En IE funciona correctamente, pero en FF la "tablaprincipal" con fondo blanco solo ocupa el tamaño de la ventana y si mi texto suepera ese tamaño queda fuera del recuadro con fondo blanco que esta con height a 100%.
He probado a poner
Código:
<div style="clear: both">
al final de todas las capas, pero nada, para FF el 100% es el tamaño de la ventana.
Alguien tiene una solucion a este problema.