Hola, En IE puedo ver bien que el div contendor "contiene" los demas divs. En MFF el contenedor queda con una altura minima, y los demas divs por debajo de este. No se como solucionar el problema, si pudieran ayudarme....
La url es www.mastermate.com.ar/ciudadparque/VCP_LaComuna.html
Este es mi html
<body>
<!--PAGE CONTENT-->
<div id="page-container">
<!--HEADER-->
<div id="header">
<img src="images/encabeza.jpg" height="180" width="795" />
<! Fin Crossfade foto superior------------------------------>
<! MENU HORIZONTAL------------------------------>
<div id="menu">
</div>
<! fin menu horizontal------------------------------>
</div>
<!--izquierda-->
<div id="sidebar-a">
<div class="padding">
<div id="colizq" >
<div class="myBox">
<ul> </ul>
</div>
</div>
</div>
</div><!--fin izquierda-->
<!--Contenido central-->
<div id="wrapper">
<div id="colctral">
<div style="clear: both;">
<!-- InstanceBeginEditable name="ContenidoCentral" -->
<p class="encabezado">Nuestra Comuna</p>
<hr size="1" noshade="noshade" />
<!-- InstanceEndEditable --> </div>
<div align="center"><br />
</div>
</div>
</div>
<!--derecha-->
<div id="sidebar-b">
<div class="padding">
<div id="colder" >
<!-- InstanceBeginEditable name="ContenidoDerecho" -->ContenidoDerecho
<!-- InstanceEndEditable -->
</div>
</div>
</div><!--fin derecha-->
</div><!--Fin page container-->
<div class="limpia"> </div>
</body>
Este es el css
*------------body start-----*/
html, body {
background-color: #ffffff;
text-align: center;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*------------PAGE CONTAINER START-----*/
#page-container {
border-width: medium;
border-color: #330099;
border-style: solid;
margin: 0;
padding: 0;
width: 798px;
margin: auto;
margin-top: 0;
background: #999966;
background-position:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*------------HEADER START-----*/
#header {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
width: 798px;
height: 202px;
background-color: #333300;
background-position: center;
text-align: center;
}
#menu{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
width: 798px;
height: auto;
background-color: #333300;
background-position: center;
text-align: center;
}
/*------------COLUMNA IZQUIERDA-----*/
#colizq {
float: left;
width: 160px;
height: auto;
background: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #ffffcc;
text-align: left;
margin-left: 4px;
}
.myBox
{
margin: 0 auto;
border: 1px solid #333300;
color: #ffffff;
width: 100%;
height: auto;
padding: 5px;
text-align: left;
background-color: #ae923e;
margin-top: 25px;
margin-left: 4px;
}
/*-----------------------------CONTENIDO CENTRAL-----*/
#colctral {
float: left;
width: 440px;
height: auto;
background: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #000000;
text-align: left;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0;
padding-bottom: 10px;
margin: 0;
}
#indiceportada {
background-image: url(../images/backindice.jpg);
}
/*------------COLUMNA DERECHA-----*/
#colder {
float: left;
height: 200px;
width: 153px;
height: auto;
background: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #ffffcc;
text-align: left;
margin-top: 10px;
margin-left: 5px;
}
#colder p {
margin-left: 5px;
margin-top: 10px;
outline: none;
line-height: 16px;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
list-style-type: none;
}