Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2008, 11:36
Avatar de DooBie
DooBie
 
Fecha de Ingreso: septiembre-2004
Mensajes: 1.101
Antigüedad: 19 años, 6 meses
Puntos: 71
Problema con IExplorer inferior a 7.0

Hola compañeros, tengo un problema de visualización con IExplorer 5.5 y 6, el problema es que tengo una maquetación a dos columnas, con menú superior e inferior, y en el centro, un lateral derecho y el contenido en el centro.
El problema, es que el contenido me lo tira para abajo hasta que termina el menu lateral.
Os pongo un trozo del codigo, a ver que podeis recomendarme:
Código HTML:
body {
  padding: 0;
  margin: 0;
}

div.post a:hover img {
	border: 1px solid #f19c40;
}

div.post a:hover{
	border-bottom:none;
}

div.post a:visited img{
	border: 1px solid #f19c40;
}

#wrap {
  width: 780px;
  min-height: 450px;
  height: auto !important;
  height: 450px;
  padding: 0;
  margin: 0 auto;
}

#content {
  margin: 10px 0 0 0;
  padding: 0 8px 0 10px;
}

.content_left {
	float: left;
	width: 83%;
	font-size: 1.1em;
	/*line-height: 1.5em;*/
	text-align: justify;
	padding: 0 10px 0 1px;
	margin: 0;
}

.content_left p {
	padding: 0;
	margin: 7px 0 0 0;
}

.menu_right {
	float: right;
	width: 12%;
	margin: 0;
	border-left: 1px solid #e0e0e0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
}

.menu_right p {
	padding: 0;
	margin: 6px 0 0 0;
}

.menu_right ul {
	padding: 0;
	margin: 5px 0 5px 0;
}

.menu_right ul li {
	padding: 0;
	margin: 0;
}

.post {
  width:95%;
  padding: 0 0 20px 0;
}


<div id="wrap">
  <!-- Inicio menu -->
  ....
  <!-- Fin menu -->
  
  <!-- Inicio sidebar -->
    <div id="content">
  		<div class="menu_right">
  			<div class="content">
  				<ul class="linklist">
  					<li>menu....</li>
  				</ul>
  			</div> <!-- fin content -->
  		</div> <!-- fin menu_right -->
  <!-- Fin sidebar -->
  
  <!-- Inicio contenido -->
  		<div class="content_left">
  			<div class="post">
  				<h3>Titulo</h3>
  				Contenido...
  			</div> <!-- fin post -->
  		</div> <!-- fin content_left -->
  	</div> <!-- fin content -->
  <!-- Fin contenido -->
  
  <!-- Inicio footer -->
  ....
  <!-- Fin footer --> 
</div> 
He omitido parte de la hoja de estilos que creo es irrelevante, igualmente del html.
Decir que con Firefox se ve correctamente.
Cualquier sugerencia es bienvenida, Gracias.