Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/02/2008, 05:53
NekroX
 
Fecha de Ingreso: febrero-2008
Mensajes: 2
Antigüedad: 16 años, 1 mes
Puntos: 0
Re: Problema de margenes con IE7

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.