Plantilla ja_purity de 1.5.22 falla en IE6

eljuank1982 · #1 (**permalink**) 08/03/2011, 14:55

Quizás no escribí el título de la major manera, ya que a lo mejor el problema es mío y los desarrolladores hicieron bien sui trabajo.
La cosa es que no se me está mostrando en IE6 la imagen logo.gif que se encuentra de esta manera en el css:

h1.logo a {
width: 350px;
display: block;
background: url(../images/logo.gif) no-repeat;
height: 80px;
position: relative;
z-index: 100;
}

Y que en el index.php de la plantilla usan el siguiente hax(no sé si se escribe así) para resolver lo relacionado con IE6

Código PHP:

  <?php if ($tmpTools->isIE6()): ?>

<!--[if lte IE 6]>

<script type="text/javascript">

var siteurl = '<?php echo $tmpTools->baseurl();?>';

 
window.addEvent ('load', makeTransBG);

function makeTransBG() {

    fixIEPNG($E('.ja-headermask'), '', '', 1);

    fixIEPNG($E('h1.logo a'));

    fixIEPNG($$('img'));

    fixIEPNG ($$('#ja-mainnav ul.menu li ul'), '', 'scale', 0, 2);

}

</script>

<style type="text/css">

.ja-headermask, h1.logo a, #ja-cssmenu li ul { background-position: -1000px; }

#ja-cssmenu li ul li, #ja-cssmenu li a { background:transparent url(<?php echo $tmpTools->templateurl(); ?>/images/blank.png) no-repeat right;}

.clearfix {height: 1%;}

</style>

<![endif]-->

<?php endif; ?>

No pongo el codigo que se encuentra en el archivo ja.script.js porque es una función muy larga.

Simplemente no se mucho de Js y quiera saber cómo solucionar esto pues quizás a alguien del foro le haya pasado.

Realmete el logo es un png, pero yo lo sustituí por un gif, he hice los combios pertinentes en el css, pero analizando detenidamente la cosa debe estar además por el archivo header-mask.png que es el que da una transparencia para que se vea el logo de atrás.

El problema radica en que sigue sin mostrarse el logo con el IE6, y necesito mantener el IE6 en mi Lan pues el IE8 me da error con las impresoras de cinta (Epson lx300 y 300 II )

Saludos y al tanto.
Gracias de antemano.

eljuank1982 · #2 (**permalink**) 21/09/2011, 08:48

Alguien que se haya encontrado con esto y me pueda ayudar, estoy bastante complicado en esto.
Salu2

eljuank1982 · #3 (**permalink**) 21/09/2011, 11:45

Algo que quizás pueda ayudar:

Veo que cuando hago esto:

h1.logo a {
width: 350px;
display: block;
/*background: url(images/logo.gif) no-repeat;*/
background: url(images/logo.gif);
height: 80px;
position: relative;
z-index: 100;
}
O sea le quito el no-repeat; IE6 me muestra el logo pero me sale repetido y no del todo centrado, pero creo que es un avance que los expertos del foro quizás aprobechen en mi ayuda.
Saludos y al tanto

eljuank1982 · #4 (**permalink**) 21/09/2011, 12:39

LO HICE!

Lo resolví creando esta clase:

.logo {
background: url(images/logo.gif) no-repeat;
z-index: 100;
display: block;
position: relative;

e eliminé el background: url(images/log.gif) no-repeat; del h1.logo a

Saludos a todos voy a testear un poco más esto pero ya está funcionando de maravillas en IE6