Muchas gracias ya resolvi con esto. Tengo que leer mas. Nunca habia utilizado esta propiedad de overflow.
Nuevamente gracias. -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Raúl Fernández Enviado el: Thursday, May 11, 2006 12:52 PM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] solapamiento de capas? 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> </p> > > <p> </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 _______________________________________________ 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
