Foros del Web » Creando para Internet » CSS »

Diferenciar en CSS para firefox e IE 7 u 8

Estas en el tema de Diferenciar en CSS para firefox e IE 7 u 8 en el foro de CSS en Foros del Web. Estoy utilizando Firefoz e internet explorer 8.0 , el cual posee en la pagina unos metatags para emularlo como 7 sino es una rompedura total ...
  #1 (permalink)  
Antiguo 30/07/2010, 15:39
 
Fecha de Ingreso: noviembre-2007
Mensajes: 498
Antigüedad: 10 años
Puntos: 20
Exclamación Diferenciar en CSS para firefox e IE 7 u 8

Estoy utilizando Firefoz e internet explorer 8.0 , el cual posee en la pagina unos metatags para emularlo como 7 sino es una rompedura total de cabeza puesto que el internet explorer solo da problemas continuos

Este es el css

Cita:

#curva_up
{
position:relative;
left:1px !important;
left:0px;
width:1023px;
height:24px;
margin:auto;
background:url("../../../skins/default/images/header_curva_up.png");
}


Tal como está me funcionaba antes el !important solo lo leia el Firefoz y luego ponia lo qeu queria para el explorer pero ahora el explorer no sirve e interpreta tambien el tag con el important , el caso es como para dos valores diferentes de left como disponerlo para que un valor lo reconozca en firefoz y otro en explorer

Un cordial saludo y Muchas gracias
  #2 (permalink)  
Antiguo 30/07/2010, 15:41
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Diferenciar en CSS para firefox e IE 7 u 8

usa comentarios condicionales...
  #3 (permalink)  
Antiguo 30/07/2010, 16:49
 
Fecha de Ingreso: noviembre-2007
Mensajes: 498
Antigüedad: 10 años
Puntos: 20
Exclamación Respuesta: Diferenciar en CSS para firefox e IE 7 u 8

pero no hay algun hack para diferenciar dentro de la hoja de estilos propiamente dicho un simple apartado de otro sin usar esto sino no hay forma y me parece bastante intrusivo el hacerlo asi tener dos hojas de estilo o dos estilos embebidos en la pagina , si hay algun hack me vendría mejor

Muchas gracias por tu ayuda
  #4 (permalink)  
Antiguo 31/07/2010, 03:39
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Diferenciar en CSS para firefox e IE 7 u 8

Hola:

Cita:
Iniciado por alexk Ver Mensaje
y olvídate de los hack.

Saludos.

  #5 (permalink)  
Antiguo 03/08/2010, 00:25
 
Fecha de Ingreso: enero-2010
Mensajes: 113
Antigüedad: 7 años, 10 meses
Puntos: 2
Respuesta: Diferenciar en CSS para firefox e IE 7 u 8

Hola bueno mira yo he creado un javascript que lo uso en una de mis webs:

Código Javascript:
Ver original
  1. function chrome() {
  2. var chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
  3. if(chrome) {
  4. document.getElementById('estilo').href="css/principalChrome.css";
  5. }
  6. var IE7 = navigator.userAgent.toLowerCase().indexOf('msie 7.0') > -1;
  7. if(IE7) {
  8. document.getElementById('estilo').href="css/principalIE7.css";
  9. }
  10. var IE8 = navigator.userAgent.toLowerCase().indexOf('msie 8.0') > -1;
  11. if(IE8) {
  12. document.getElementById('estilo').href="css/principalIE8.css";
  13. }
  14. }

asi se ve en codigo completo:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
  3. <title>Tu titulo</title>
  4. <script type="text/javascript">
  5. function chrome() {
  6. var chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
  7. if(chrome) {
  8. document.getElementById('estilo').href="css/principalChrome.css";
  9. }
  10. var IE7 = navigator.userAgent.toLowerCase().indexOf('msie 7.0') > -1;
  11. if(IE7) {
  12. document.getElementById('estilo').href="css/principalIE7.css";
  13. }
  14. var IE8 = navigator.userAgent.toLowerCase().indexOf('msie 8.0') > -1;
  15. if(IE8) {
  16. document.getElementById('estilo').href="css/principalIE8.css";
  17. }
  18. }
  19. <script type="text/javascript">chrome();</script>
  20. <link href="css/principal.css" rel="stylesheet" type="text/css" id="estilo"/>
  21. </head>
  22. </body>
  23. </html>

de esta manera no necesitas condicionales ya que no los hay para todos los navegadores.

NOTA: principal.css es el de firefox ya que no lo idetificamos.

espero te sirva chao.

Etiquetas: firefox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:13.