Foros del Web » Creando para Internet » CSS »

Incompatibilidad IE6 e IE8

Estas en el tema de Incompatibilidad IE6 e IE8 en el foro de CSS en Foros del Web. Hola a todos. Tenía un problema con los png que se me veían perfectamente en IE8 pero no así e IE6 busqué y me descargué ...
  #1 (permalink)  
Antiguo 25/11/2010, 15:33
Usuario no validado
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 14 años, 8 meses
Puntos: 4
Incompatibilidad IE6 e IE8

Hola a todos.
Tenía un problema con los png que se me veían perfectamente en IE8 pero no así e IE6 busqué y me descargué un Js que emplea un filtro de MS para esto y logra un "comportamiento igual" en las versiones anteriores a IE7.
Ilustro esto para que tengan una idea de lo que quiero, necesito saber si existe algo similar para que los css se me comporten en IE6 de la misma manera que e IE8, tengo un código que me funcionaperfectamente bien en IE8 pero no así en el IE6 y Firefox 3.6.12, en estos dos se me va completamente de lugar lo que hice.

Si de algo les sirve el código es este.

Código PHP:
#ContCalend {
    
    
position:relative;
    
left200px;
    
top: -150px;
    
width:400px;
    
height:300px;
    }    
    
#EstilCalend {
    
position:relative;
    
width:339px;
    
height:254px;
    
overflowhidden;

Código PHP:
<p class="TextoWeb">&nbsp;&nbsp;&nbsp Haga clic para conocer las efemérides del día</p>
<p>
<div id="ContCalend">
  <div id="EstilCalend">
<link rel="stylesheet" type="text/css" href="secciones/css/calendariojuank.css">
<?php

  $fecha 
date("d m Y D"); // obtener la fecha actual del sistema
  
$dia $fecha[0].$fecha[1]; // obtener el dia actual
  
$nMes $fecha[3].$fecha[4]; // obtener el mes actual
  
$nomdia $fecha[11].$fecha[12].$fecha[13]; // obtener el nombre dia actual
  
$anyo $fecha[6].$fecha[7].$fecha[8].$fecha[9];
  if(
$nomdia=="Sun"$pos=1// calcular la posicion en dia de la semana
  
else if($nomdia=="Mon"$pos=2;
  else if(
$nomdia=="Tue"$pos=3;
  else if(
$nomdia=="Wed"$pos=4;
  else if(
$nomdia=="Thu"$pos=5;
  else if(
$nomdia=="Fri"$pos=6;
  else if(
$nomdia=="Sat"$pos=7;
  if(
$nMes==1$nomMes="Enero";
  else if(
$nMes==2$nomMes="Febrero";
  else if(
$nMes==3$nomMes="Marzo";
  else if(
$nMes==4$nomMes="Abril";
  else if(
$nMes==5$nomMes="Mayo";
  else if(
$nMes==6$nomMes="Junio";
  else if(
$nMes==7$nomMes="Julio";
  else if(
$nMes==8$nomMes="Agosto";
  else if(
$nMes==9$nomMes="Septiembre";
  else if(
$nMes==10$nomMes="Octubre";
  else if(
$nMes==11$nomMes="Noviembre";
  else if(
$nMes==12$nomMes="Diciembre";
  echo 
"<div id=\"mes\"><p><span id=\"nombremes\">".$nomMes."</span><span id=\"year\">";
  echo 
$anyo."</span></p>";
  echo 
"\n<table><tr id=\"dias\"><td>Dom</td><td>Lun</td><td>Mat</td><td>Mie</td>";
  echo 
"<td>Jue</td><td>Vie</td><td>Sab</td></tr>";
  
// calcular dia de la semana del dia 1 del mes actual
  
$diaSem $dia;
  do{ 
$diaSem -= 7; }while($diaSem>7);
  if(
$diaSem<=0$diaSem+=7;
  
$pos $pos-$diaSem+1;
  if(
$pos<=0$pos 7-($pos*-1);
  
// imprimir todos los dias del mes
  
echo "\n<tr>";
  for(
$dd=1;$dd<$pos;$dd++) echo "<td class=\"vacio\"></td>";
  for(
$dd=1;$dd<=cal_days_in_month(CAL_GREGORIAN,$nMes,$anyo);$dd++){
    echo 
"<td".($dia==$dd?" id=\"diaactual\"":"")."><a href=\"index.php?sec=prueba&num=$dd&mes=$nomMes\">$dd</a></td>";
    if(++
$pos>7){
      echo
"</tr>\n";
      
$pos=1;
    }
  }
  echo 
"</tr></table>";
?>
  <p>&nbsp;</p>
</div>
</p>
</div>
</div>
No tomen encuenta el último div así como la segunta etiqueta p (a no ser que crean que eso tenga que ver con el problema)

Esa etiquetas responden a que esta página la invoco con un
Código PHP:
include 
de php

No pongo el css que invoco para darle forma al calendario pues no creo que esté ahí el problema.

Gracias cualquier cosa que tenga que agregar para que ayudarles a ayudarme, me dicen
  #2 (permalink)  
Antiguo 25/11/2010, 17:11
Avatar de Daam  
Fecha de Ingreso: octubre-2007
Ubicación: Planeta Tierra
Mensajes: 152
Antigüedad: 17 años, 2 meses
Puntos: 0
Mensaje Respuesta: Incompatibilidad IE6 e IE8

Hola eljuank1982, espero que te pueda ayudar.

Casualmente yo también conseguí ayer un plugin Jquery que arregla las transparencias PNG en IE6 y me va muy bien.

En cuanto al CSS, no. Hasta donde sé, no hay ningún script que estandarice el comportamiento del CSS en el IE6 y versiones superiores, pero, sí hay solución.

En mi caso, uso lo siguiente cuando debo aplicar un determinado atributo a una determinada versión de IE y otro valor para un navegador distinto.

Ejemplo:

Código PHP:

#rightcol {

    
padding-top:0/* Valor para Firefox */
    
*padding-top!important/* Valor para IE 7 */
    
top/*\**/10px9/*Valor para Internet Explorer 8 */
    /* *margin-top: 0 ; /*Valor para IE 6 */

Así, puedes manejar las hojas de estilo para todos los navegadores sin tener que utulizar una para cada explorador web.

No es lo más recomendado, ya que no valida como CSS. Al menos saca de apuros.

Espero que te sirva.

Link de interés:

__________________
"Si apuntas hacia las estrellas, puede ser que no alcances alguna, pero no terminarás con las manos llenas de lodo."
  #3 (permalink)  
Antiguo 26/11/2010, 10:21
Usuario no validado
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 14 años, 8 meses
Puntos: 4
Respuesta: Incompatibilidad IE6 e IE8

Muchas gracias por la respuesta.

Lo logré con esto dentro del head:

Código HTML:
<!--[if lt IE 7.]>               //menor que IE7
<link href="style6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if gte IE 7]>            //superior a IE7
<link href="style.css" rel="stylesheet" type="text/css" />
<![endif]--> 
La cosa es que ahora entonces los navegadores diferentes como Fire Fox no me interpretan los css, probé con esto y nada:

Código HTML:
<!--[if lt IE 7.]>
<link href="style6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if gte IE 7]>
<link href="style.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if ! IE]>
<link href="style.css" rel="stylesheet" type="text/css" />
<![endif]--> 
Intenté poner este:
Código HTML:
<link href="style.css" rel="stylesheet" type="text/css" />
<![endif]--> 
al principio de los otros y nada.

Alguien sabe cómo resuelvo esto ¿?

Salu2

Etiquetas: incompatibilidad
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 06:18.