Re: [Ovillo] Problemas con padding crossbowsing Firefox , IE 7, IE 6

2009-05-14 Por tema Asela Ortiz de Murua
Ie es ... creativo con márgenes y padding por el modelo de caja (box
model).

Echa un vistazo a
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/

Yo suelo hacer una css alternativa para ie*, con los filtros específicos
para ajustar eso: márgenes, padding ... y que no afecte a otros navegadores.

FILTROS ESPECIFICOS
IE 6 y versiones anteriores

 * html {}


IE 7

 *:first-child+html {}
___
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] Problemas con padding crossbowsing Firefox , IE 7, IE 6

2009-05-14 Por tema Alex Lillo
Hola Asela,
Más que utilizar filtros específicos, te recomiendo que utilices los
comentarios condicionales del IE. Me parecen de lo mejor que ha introducido
Microsoft en el mundo de los navegadores. Limpio y elegante.

Alex


2009/5/14 Asela Ortiz de Murua aomu...@gmail.com

 Ie es ... creativo con márgenes y padding por el modelo de caja (box
 model).

 Echa un vistazo a

 http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/

 Yo suelo hacer una css alternativa para ie*, con los filtros específicos
 para ajustar eso: márgenes, padding ... y que no afecte a otros
 navegadores.

 FILTROS ESPECIFICOS
 IE 6 y versiones anteriores

  * html {}


 IE 7

  *:first-child+html {}
 ___
 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




-- 
Alex Lillo
www.nordic-design.net
http://www.linkedin.com/in/alexlillo
___
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] Problemas con padding crossbowsing Firefox , IE 7, IE 6

2009-05-14 Por tema Asela Ortiz de Murua
Gracias Alex

Al leer tu respuesta observo que estaba utilizando una solución redundante.
Porque, con los comentarios condicionales cargaba la css específica para Ie*
y dentro de esta utilizaba los filtros concretos de Ie, dejando la css
principal limpia.

Un saludo
Asela
___
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] Problemas con padding crossbowsing Firefox , IE 7, IE 6

2009-05-14 Por tema Chr5
Gracias compañeros,

Incialmente he controlado el margin / padding del H1. Despiste ;-)

Para solventar los problemas de box model, utilizo el método de no dar
espacio / padding a contenedores y sí en cambio a elementos contenidos.

También estoy usando el IE7.js en ocasiones, el cual corrige unos cuantos
problemas de crossbowsing, especialmente para IE6.

Gracias a todos,
carlos

http://code.google.com/p/ie7-js/


El 14 de mayo de 2009 11:21, Alex Lillo alex.li...@gmail.com escribió:

 Hola Asela,
 Más que utilizar filtros específicos, te recomiendo que utilices los
 comentarios condicionales del IE. Me parecen de lo mejor que ha introducido
 Microsoft en el mundo de los navegadores. Limpio y elegante.

 Alex


 2009/5/14 Asela Ortiz de Murua aomu...@gmail.com

  Ie es ... creativo con márgenes y padding por el modelo de caja (box
  model).
 
  Echa un vistazo a
 
 
 http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
 
  Yo suelo hacer una css alternativa para ie*, con los filtros específicos
  para ajustar eso: márgenes, padding ... y que no afecte a otros
  navegadores.
 
  FILTROS ESPECIFICOS
  IE 6 y versiones anteriores
 
   * html {}
 
 
  IE 7
 
   *:first-child+html {}
  ___
  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
 



 --
 Alex Lillo
 www.nordic-design.net
 http://www.linkedin.com/in/alexlillo
 ___
 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


[Ovillo] Problemas con padding crossbowsing Firefox , IE 7, IE 6

2009-05-13 Por tema Chr5
Buenos días compañeros de la lista:

¿ Por qué el IE6 e IE7 no me muestra el mismo padding inferior y superior
asignado al elemento H1 A flotante ?
¿ Existe algún método crossbowser de corregir este problema ?

gracias !!
carlos


**

div id=header
h1a href= title=Regresar al inicioOrganizer/a/h1

ul id=menu_global
lia href= title=Salir de OrganizerSalir/a/li
/ul
/div



  #header {
  float: left;
width: 100%;
margin: 0;
padding: 0;
background: #ccc url(../img/header/iterheader_004.png) repeat-x 0 0;
display: inline-block;
  }

  #header h1 {
float: left;
  }

  #header h1 a {
  float: left;
display: block;
padding: .1em 0 .1em 1em;
line-height: 1.2em;
  }

/* menu global salir, etc */

  #menu_global {
float: right;
}

  #menu_global ul {
float: right;
margin-right: 1em;
}

   #menu_global li {
float: left;
padding: 1em;
}

#menu_global a {
color: #fff;
text-decoration: underline;
}
#menu_global a:hover {
text-decoration: none;
}
___
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] Problemas con padding crossbowsing Firefox , IE 7, IE 6

2009-05-13 Por tema jaume op
Una hoja de reset de estilos, o quiza el *{margin:0; padding:0;}


 ¿ Por qué el IE6 e IE7 no me muestra el mismo padding inferior y superior
 asignado al elemento H1 A flotante ?
 ¿ Existe algún método crossbowser de corregir este problema ?


 --
 Saludos
 Jaume



___
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] Problemas con padding crossbowsing Firefox , IE 7, IE 6

2009-05-13 Por tema Rodrigo Álvarez Virgós
Hola, Chr5

Chr5 escribió:
 Buenos días compañeros de la lista:

 ¿ Por qué el IE6 e IE7 no me muestra el mismo padding inferior y superior
 asignado al elemento H1 A flotante ?
 ¿ Existe algún método crossbowser de corregir este problema ?

   

En tu caso no es que no deje el mismo valor para el elemento h1+a, sino 
para el elemento h1.

La solución es que la primera línea de tu css sea algo parecido a:
*{margin:0;padding:0;}

Con eso eliminas los estilos de margin y padding que dan los navegadores 
por defecto, y todo tendrá exactamente el valor que tú les des :-)


___
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