[Ovillo] margin-top en IE

2007-01-30 Por tema Santos Corrales
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: #FF;
}
body {
background-color: #cc;
{

/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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema LISTAS
Usa las Expresiones Condicionales para Explorer... :)

Almirante von Web/.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE


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: #FF;
}
body {
background-color: #cc;
{

/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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema Santos Corrales
Te refieres a plantearlo asi:
!--[if IE]
link rel=stylesheet type=text/css href=ie.css /
![endif]--
No hay otra alternativa?

Un cordial saludo de SantosVZ

-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED] 
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE

Usa las Expresiones Condicionales para Explorer... :)

Almirante von Web/.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE


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: #FF;
}
body {
background-color: #cc;
{

/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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema LISTAS
O así...:

!--[if IE]
style
.box{margin-top: lo que sea}
/style
![endif]--

Y para Explorer... eso es pan comido. Pero dicho y hecho: no hay otra
manera LOGICA.

Almirante von Web/.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 3:11 PM
Subject: Re: [Ovillo] margin-top en IE


Te refieres a plantearlo asi:
!--[if IE]
link rel=stylesheet type=text/css href=ie.css /
![endif]--
No hay otra alternativa?

Un cordial saludo de SantosVZ

-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE

Usa las Expresiones Condicionales para Explorer... :)

Almirante von Web/.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE


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: #FF;
}
body {
background-color: #cc;
{

/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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema Nadia Rodríguez
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: #FF;
 }
 body {
 background-color: #cc;
 {

 /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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema Santos Corrales
Al utilizar Expresion Condicional para IE 
!--[if IE]
style
.box {
margin-top: 34px;   
}
/style
![endif]--
Corrige el defecto pero
me modifica el padding: 0px de div class='boxcontent'

Un cordial saludo de SantosVZ


-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED] 
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE

Usa las Expresiones Condicionales para Explorer... :)

Almirante von Web/.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE


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: #FF;
}
body {
background-color: #cc;
{

/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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema Santos Corrales
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: #FF;
 }
 body {
 background-color: #cc;
 {

 /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


Re: [Ovillo] margin-top en IE resuelto

2007-01-30 Por tema Santos Corrales
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: #cc;
{
/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: #FF;
 }
 body {
 background-color: #cc;
 {

 /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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema LISTAS
Entonces, dale duro al padding con otra expresión condicional...

A.V.W.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 4:46 PM
Subject: Re: [Ovillo] margin-top en IE


Al utilizar Expresion Condicional para IE
!--[if IE]
style
.box {
margin-top: 34px;
}
/style
![endif]--
Corrige el defecto pero
me modifica el padding: 0px de div class='boxcontent'

Un cordial saludo de SantosVZ


-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE

Usa las Expresiones Condicionales para Explorer... :)

Almirante von Web/.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE


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: #FF;
}
body {
background-color: #cc;
{

/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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema LISTAS
Un recurso extremadamente estúpido que a nadie se le había ocurrido,y por lo
tanto: ¡genial!

A.V.W.

- Original Message -
From: Nadia Rodríguez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 4:19 PM
Subject: 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: #FF;
 }
 body {
 background-color: #cc;
 {

 /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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema Santos Corrales
Creo que le voy a dar con el IPHONE de Apple que sirve para todo segun
dicen.

Un cordial saludo de SantosVZ


-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED] 
Enviado el: Martes, 30 de Enero de 2007 06:51 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE

Entonces, dale duro al padding con otra expresión condicional...

A.V.W.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 4:46 PM
Subject: Re: [Ovillo] margin-top en IE


Al utilizar Expresion Condicional para IE
!--[if IE]
style
.box {
margin-top: 34px;
}
/style
![endif]--
Corrige el defecto pero
me modifica el padding: 0px de div class='boxcontent'

Un cordial saludo de SantosVZ


-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE

Usa las Expresiones Condicionales para Explorer... :)

Almirante von Web/.

- Original Message -
From: Santos Corrales [EMAIL PROTECTED]
To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE


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: #FF;
}
body {
background-color: #cc;
{

/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


___
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


Re: [Ovillo] margin-top en IE

2007-01-30 Por tema Yurk!
On 1/30/07, Santos Corrales [EMAIL PROTECTED] wrote:
 Creo que le voy a dar con el IPHONE de Apple que sirve para todo segun
 dicen.

 Un cordial saludo de SantosVZ

Saludos, creo que con [1]Introduction to Browser-Specific CSS Hacks
te puede venir bien. Es cuestion de probar y ya.

[1] http://www.sitepoint.com/article/browser-specific-css-hacks
-- 


-
 _o)  Yurk!
  // \  Linux Registered User #418034
 U_/_

Dile NO al top-posting[*]
[*] ttp://es.wikipedia.org/wiki/Top-posting
-
___
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