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  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 
>
> > 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


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 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 

> 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
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-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


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


[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


**


Organizer


Salir





  #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