buen día amigos, solicito su ayuda aver si me orientan tengo el siguiente codigo, el cual al probar en ie 7 8 y firef y demas se visualiza ok, pero al probar en ie6 la capa de contenido que me aumenta en tamaño de una pagina a otra en muchas no me despliega completa la imgen de fondo que tengo en mi capa contenedora que es contenido_gris es decir me la deja a la mitad para que me visualizara correctamente en los otros navegadores agregue la propiedad overflow en contenido_gris mas no me aplica para ie 6, si alguien me puede orientar se los agradeceria. coloco el codigo acontinuación
body {
font: 0.7em Tahoma, Arial, sans-serif;
color: #454545;
background: #F2F2F2 url(../images/fon.gif) repeat-y center top;
}
/* contenedor*/
.contenedor { margin: 5px auto;
width: 960px;
}
/*para banner*/
#cabezera { height: 240px;
margin: 0px 5px 1px 2px;
}
/*contenido de aqui pa lante*/
/*es la img superior de la caja*/
.contenido_gris_top {
clear: both;
background: url(../images/sup.jpg) no-repeat;
height: 40px;
padding:1px;
}
.contenido_gris {
/*esta es un contenedor que contiene a left y a right el que quiero que se me desplieague de fondo
mientras crezca el texto */
background: url(../images/cuerpo.jpg) repeat-y;
padding: 1px 32px;
max-width:100%;
overflow:auto;//este overflow lo coloco y me amplia la imagen mas no para ie 6
}
/* lado izquiero caja de contenido */
.left {
float: left;
width: 650px;
margin: 0 0 10px 0;
}
/*left contiene a let_contenido*/
.left_contenido {
margin: 1px 20px 15px 10px;
padding: 10px 2px 0px 2px;
text-align: justify;
color: #000;
}
.right {
float: right;
width: 245px;
margin: 0 0 10px 0;
background: #fff;
}
.footer_ext { text-align: center;
clear: both;
line-height: 1.8em;
padding: 10px 0 10px 0;
border-top: 1px solid #ccc;
}
implementación
<div class="contenido_gris_top"></div>
<div class="contenido_gris">
<div class="left">
<div class="left_contenido"> <!-- TemplateBeginEditable name="EditRegion2" -->
<div id="principal"></div>
<!-- TemplateEndEditable --> </div>
<!-- fin left_contenido1 -->
</div>
<div class="right">
<div>
<div class="caption">
<p>Información general</p>
</div>
<div class="boxright">
<ul>
<li><a href=" </a></li>
<li><a href="</a></li>
<li><a href=" </a></li>
<li><a href=" </a></li>
<li><a href=" </a></li>
<li><a href=" </a></li>
<li><a href=" </a></li>
<li><a href=" </a></li>
<li><a href="</a></li>
</ul>
</div>
</div>
<!-- TemplateEndEditable --></div>
</div>
<p> </p>
</div>
