Hola Marlene, el problema es que al tener los divs "left" y "right" flotados
el div "centro" no los contiene. Puedes probar a ponerle un overflow:auto
así:

#centro {

                overflow:auto;

            width:772px;

            background-color:#FF0000;

            text-align:center;

            margin-left: auto;

            margin-right: auto;

            height: auto;

}

> -----Mensaje original-----
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] nombre de Marlene Melian
> Montalvo
> Enviado el: jueves, 11 de mayo de 2006 18:27
> Para: ovillo@lists.ovillo.org
> Asunto: [Ovillo] solapamiento de capas?
>
>
> Hola listeros:
>
>
>
> Hace rato que llevo tratando de resolver el problema que a
> continuacion les describe pero no hay forma y quiero ver si me
> pueden ayudar con esto: El caso es que tengo un div contenedor al
> cual le he dado un background-color gris y al div centro le he
> dado un background-color: rojo. ; pero no se por que motivo en NS
> y en el FF no veo el rojo y si el gris, esto no sucede con IE y
> Opera que si me muestran el rojo por sobre el gris que es como
> quiero que sea.
>
> Bueno aquí les mando el codigo
>
>
>
>
>
> <div id="contenedor">
>
>    <div id="centro">
>
>            <div id="left">
>
>                <div id="nav">izquierdo1</div>
>
>                <div id="inf">izquierdo2</div>
>
>              </div>                                 <!-- Centro
> izquierdo  id=left-->
>
>              <div id="right">
>
>                <p>informacion</p>
>
>                <p>&nbsp;</p>
>
>                <p>&nbsp;</p>
>
>              </div>                                      <!--
> Centro derecho -->
>
>      </div>
>
> </div>
>
>
>
> #contenedor{
>
>             position:absolute;
>
>             top:0px;
>
>             left: 0px;
>
>             width: 100%;
>
>             height:auto;
>
>             margin: 0px;
>
>             padding:0px;
>
>             background-color:gray;
>
>             z-index:1;
>
> }
>
> #centro {
>
>             width:772px;
>
>             background-color:#FF0000;
>
>             text-align:center;
>
>             margin-left: auto;
>
>             margin-right: auto;
>
>             height: auto;
>
> }
>
> #left {
>
>             float: left;
>
>             width:246px;
>
>             margin-top:8px;
>
>             margin-left:0px;
>
>             background-color:#FFFFFF;
>
> }
>
> #nav {
>
> clear:both;
>
> width:246px;
>
> }
>
>
>
> #inf {
>
> clear:both;
>
> float:left;
>
> width:246px;
>
> }
>
> #right{
>
> float:left;
>
> width:526px;
>
> margin-top:8px;
>
> background-color:yellow;
>
> }
>
>
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente
> dirección: http://ovillo.org/mailman/listinfo/ovillo
>
>


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a