<style type="text/css">
.box {
background: #EEE;
width: 68%;
margin-left: 16%;
margin-top: 50px;
}
.boxtop {
background: url(ne.gif) no-repeat top right;
}
.boxtop div {
height: 10px;
background: url(nw.gif) no-repeat top left;
}
.boxbottom {
background: url(se.gif) no-repeat bottom right;
}
.boxbottom div {
height: 10px;
background: url(sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #eee;
}
body {
background-color: #ffffcc;
{
</style>
<!--[if IE]>
<style>
.box {
margin-top: 34px;
}
.boxcontent {
margin-top: -10px ;
}
</style>
<![endif]-->
HTML
<div class='box'>
<div class='boxtop'>
<div></div>
</div>
<div class='boxcontent'>
<!----------------contenido caja--------------->
</div>
<div class='boxbottom'><div></div></div>
</div>
Un cordial saludo de SantosVZ
-----Mensaje original-----
De: Santos Corrales [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 04:16 p.m.
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] margin-top en IE
Gracias por el enlace, pero he probado y solo me modifica left y right,
pero no top y bottom.
El problema esta en que el texto contenido en la caja me lo situa mas debajo
de 0px
al utilizar expresión condicional para IE.
<!--[if IE]><style>.box {margin-top: 34px;}</style><![endif]-->
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #eee;
}
Quiza tenga que buscar otro metodo para esquinas redondeadas que no sea con
imagen o al menos no con este metodo.
Un cordial saludo de SantosVZ
-----Mensaje original-----
De: Nadia Rodríguez [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 03:19 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE
Hola,
Hace poco encontré un método para normalizar los márgenes y paddings en los
diferentes navegadores, algo que se llama "selector universal"
En esa ocación no tuve oportunidad de probarlo pues mi problema de márgenes
se arreglo al agregar bordes a mis cajas. Sin emabargo creo que a ti te
podría servir.
Te dejo la dirección del artículo que encontré para que lo cheques
http://www.estadobeta.net/2006/05/10/normalizando-documentos-con-css/
Como te dije, no lo he probado, asi que si lo usas seria bueno que nos
contaras que tal te fue.
Suerte!
El día 30/01/07, Santos Corrales <[EMAIL PROTECTED]> escribió:
>
> En Firefox y Opera el margin-top: 50px de .box se visualiza correctamente
> pero en IE no.
> ¿Cómo puedo resolver, que se visualice también a 50px en IE?
> <style type="text/css">
> .box {
> background: #EEE;
> width: 68%;
> margin-left: 16%;
> margin-top: 50px;
> }
> .boxtop {
> background: url(ne.gif) no-repeat top right;
> height: 25px;
>
> }
> .boxtop div {
> height: 25px;
> background: url(nw.gif) no-repeat top left;
> }
> .boxbottom {
> background: url(se.gif) no-repeat bottom right;
> }
> .boxbottom div {
> height: 10px;
> background: url(sw.gif) no-repeat bottom left;
> }
> .boxcontent {
> padding: 0px 10px 0px 10px;
> font-family: Tahoma, Arial;
> font-size: 10pt;
> background-color: #FFFFFF;
> }
> body {
> background-color: #ffffcc;
> {
>
> </style>
> </head>
>
> <body>
>
> <div class='box'>
> <div class='boxtop'>
>
> <div></div></div>
>
> <div class='boxcontent'>
>
> <!---boxcontent-->
>
> </div>
> <div class='boxbottom'><div></div></div>
> </div>
>
> </body>
> </html>
>
> Un cordial saludo de SantosVZ
>
>
> _______________________________________________
> 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://lists.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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
