Incompatibilidad IE6 e IE8

[eljuank1982]

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; 
    left: 200px; 
    top: -150px; 
    width:400px; 
    height:300px; 
    }     
     
#EstilCalend { 
    position:relative; 
    width:339px; 
    height:254px; 
    overflow: hidden; 
}  
   

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

[Daam]

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: 0 !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:

• http://css-tricks.com/how-to-create-...ly-stylesheet/

[eljuank1982]

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