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.