Foros del Web » Creando para Internet » CSS »

Capa con error al visualizar en ie6

Estas en el tema de Capa con error al visualizar en ie6 en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/09/2009, 11:56
 
Fecha de Ingreso: junio-2008
Mensajes: 6
Antigüedad: 9 años, 5 meses
Puntos: 0
Capa con error al visualizar en ie6

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&oacute;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>&nbsp;</p>

</div>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:05.