Gracias,
Solucionado en esa parte de la web con lo de overflow: auto;
No obstante ... tengo el mismo problema en otra parte, en el ultimo bloque del menu izquierdo ... que el IE7 no me deja el margen inferior, aun poniendo lo que me habeis propuesto
Este es el codigo ...
Código:
<div id="content">
<div id="content_menu">
<div id="menu_block">
<p>Z</p>
<p>Y</p>
</div>
<div id="menu_block">
<p>V</p>
<p>W</p>
</div>
</div>
<div id="content_body">
<div id="body_block">
<p>A</p>
<p>B</p>
<p>C</p>
<p>D</p>
<p>E</p>
</div>
</div>
</div>
<div id="fotter">
<div id="fotter_left">
<p>Aviso Legal</p>
</div>
<div id="fotter_center">
<p>Copyright 2007-2008 © Integra Media Digital S.L.</p>
</div>
<div id="fotter_right">
<p>Contacto</p>
</div>
</div>
Y esta la hoja de estilos:
Código:
body {
text-decoration: none;
text-align: center;
font-size: 11px;
font-family: Verdana, SimSun, sans-serif;
color: #292212;
background-color: #F2EEE6;
margin: 3px auto;
padding: 0px;
}
p {
margin: 0px;
vertical-align: baseline;
}
#content {
display: table;
width: 992px;
margin-left: auto;
margin-right: auto;
overflow: auto;
}
#content_menu {
display: inline;
width: 188px;
float: left;
overflow: auto;
}
#content_body {
display: inline;
width: 804px;
float: right;
overflow: auto;
}
#menu_block {
display: inline;
width: 160px;
background-color: #DACAAD;
border: 1px solid #7D673E;
float: left;
margin: 3px;
padding: 10px;
}
#body_block {
display: inline;
width: 776px;
background-color: #DACAAD;
border: 1px solid #7D673E;
float: right;
margin: 3px;
padding: 10px;
}
#fotter {
display: table;
width: 992px;
margin-left: auto;
margin-right: auto;
}
#fotter_left {
display: inline;
width: 130px;
background-color: #DACAAD;
border: 1px solid #7D673E;
float: left;
margin: 3px;
padding: 10px;
}
#fotter_center {
display: inline;
width: 648px;
background-color: #BDA671;
border: 1px solid #7D673E;
float: left;
margin: 3px;
padding: 10px;
}
#fotter_right {
display: inline;
width: 130px;
background-color: #DACAAD;
border: 1px solid #7D673E;
float: left;
margin: 3px;
padding: 10px;
}
Asi es como se me ve en IE7 ...
Y asi como se me ve en FF (la correcta y la que busco):
Gracias!
Saludos.