[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=navizquierdo1/div
div id=infizquierdo2/div
/div !-- Centro izquierdo
id=left--
div id=right
pinformacion/p
pnbsp;/p
pnbsp;/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:#FF;
text-align:center;
margin-left: auto;
margin-right: auto;
height: auto;
}
#left {
float: left;
width:246px;
margin-top:8px;
margin-left:0px;
background-color:#FF;
}
#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
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:#FF;
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=navizquierdo1/div
div id=infizquierdo2/div
/div !-- Centro
izquierdo id=left--
div id=right
pinformacion/p
pnbsp;/p
pnbsp;/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:#FF;
text-align:center;
margin-left: auto;
margin-right: auto;
height: auto;
}
#left {
float: left;
width:246px;
margin-top:8px;
margin-left:0px;
background-color:#FF;
}
#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
Re: [Ovillo] solapamiento de capas?
hola
has probado a poner el z-index tambien a la parte del centro?
#contenedor{
z-index:1;
}
#centro {
width:772px;
background-color:#FF;
text-align:center;
margin-left: auto;
margin-right: auto;
height: auto;
___
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
Re: [Ovillo] solapamiento de capas?
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:#FF;
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=navizquierdo1/div
div id=infizquierdo2/div
/div !-- Centro
izquierdo id=left--
div id=right
pinformacion/p
pnbsp;/p
pnbsp;/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:#FF;
text-align:center;
margin-left: auto;
margin-right: auto;
height: auto;
}
#left {
float: left;
width:246px;
margin-top:8px;
margin-left:0px;
background-color:#FF;
}
#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
Re: [Ovillo] solapamiento de capas?
Revisa
http://www.sidar.org/recur/desdi/mcss/manual/ejemplos/zindex.html -con ello-
quizás encuentres la solución
Saludos
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.com
http://www.pixelperu.net
Telf.: +511 567 7475
MSN: [EMAIL PROTECTED]
VoipCheap: pixelperu
SKYPE ID: pixelperu
- Original Message -
From: Marlene Melian Montalvo [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Thursday, May 11, 2006 11:27 AM
Subject: [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=navizquierdo1/div
div id=infizquierdo2/div
/div !-- Centro izquierdo
id=left--
div id=right
pinformacion/p
pnbsp;/p
pnbsp;/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:#FF;
text-align:center;
margin-left: auto;
margin-right: auto;
height: auto;
}
#left {
float: left;
width:246px;
margin-top:8px;
margin-left:0px;
background-color:#FF;
}
#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
