Template Joomla - Problema con IE

[merolhack]

Hola, estoy haciendo un Template de Joomla, y en Firefox y la familia gecko, se ve perfectamente, pero en IE se ve horrible

A ver si le pueden hechar una checada rapida y me dicen que le falta no?

http://produccion.ilce.edu.mx/portal2/index.php

Saludos!!!

[piero19]

yo le veo bien... :S

[merolhack]

en IE lo ves bien? :S estas usando el IE 6 no? es que yo es el que tengo en Ubuntu y se ve bien feo el pobre Joomla! :(

[fearlex]

Yo lo veo bien, pero cambia el skin o template y ya !!

[merolhack]

Pero no lo puedo cambiar por que lo estoy haciendo yo... ¬¬
Creo que lo mejor sera que deje de usar DIVS que no me funcionan nunca :(

[fearlex]

Iniciado por merolhack

Pero no lo puedo cambiar por que lo estoy haciendo yo... ¬¬
Creo que lo mejor sera que deje de usar DIVS que no me funcionan nunca :(

NO creo que esa sea la solucion, simplemente pocisiona mejor tus elementos, o aclara que parte es la que encuentras descentrada, y enseña una imagen con lo que quisieras lograr, por que al ser un CMS Joomla, al menos yo no estoy seguro de que parte de toda la pagina estas hablando.

[merolhack]

Así lo quiero:
http://img77.imageshack.us/img77/5329/portal1ky0.png

Y en Internet Explorer los DIV de el Main menu se ven mas grandes :(

[merolhack]

Bueno voy a hacer otro sin DIV, aver que tal me sale XD
http://produccion.ilce.edu.mx/portal3/index.php

[Mikmoro]

He mirado un poco tu código y diría que la estructura de tablas que usas en el menú de la cabecera es un tanto extraña. Esto está produciendo un par de problemas que no sé si has visto:
1.- Entre el div de la izquierda (la esquina redondeada del menú) y el centro del menú, hay una fina línea, porque no se unen los gráficos del todo bien (en firefox al menos).
2.- Otro problema mayor: para la gente con problemas de accesibilidad, en especial de visión, le suele gustar aumentar un poco el tamaño de letra (en firefox con CTRL+). Al aumentar la letra en tu sitio, como la tabla que contiene el menú no cabe, desaparece mostrando sólo el primer enlace (principal), y el resto quedan en sus celdas alineadas hacia abajo, debajo del resto, por lo que no se ven. Además, aunque vuelvas a reducir el tamaño ya no aparecen, hasta que refresques la página. Creo que deberías observar esto. Una cosa es que se salgan del gráfico de fondo, que suele pasar si no se curra mucho, pero otra cosa es que desaparezca tu menú principal.

El skin muy guapo. Elegante.
Mikel.

[Mikmoro]

Para evitar el problema de que tu menú principal desaparezca, simplemente elimina la tabla que contiene el menú, es decir, saca el menú de la tabla en la que está en la celda central. Creo que en realidad no la necesitas. Podrías reemplazar:

Código:

<span>
<div class="pill_l">
<div class="pill_r">
<div class="pill_m">
<div id="pillmenu">
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td nowrap="nowrap"><a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel-nav" >Principal</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=3" class="mainlevel-nav" >Preguntas Frecuentes</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=2" class="mainlevel-nav" >Guía del Portal</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel-nav" >Requerimientos Técnicos</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=26" class="mainlevel-nav" >Contacto</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=blogcategory&amp;id=3&amp;Itemid=27" class="mainlevel-nav" >Glosario</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_samsitemap&amp;Itemid=42" class="mainlevel-nav" >Mapa del Sitio</a>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</span>

Por esto otro:

Código:

<span>
<div class="pill_l">
<div class="pill_r">
<div class="pill_m">
<div id="pillmenu"><a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_frontpage&amp;Itemid=1"
 class="mainlevel-nav">Principal</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=3"
 class="mainlevel-nav">Preguntas Frecuentes</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=2"
 class="mainlevel-nav">Gu&iacute;a del Portal</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_weblinks&amp;Itemid=23"
 class="mainlevel-nav">Requerimientos T&eacute;cnicos</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=26"
 class="mainlevel-nav">Contacto</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=blogcategory&amp;id=3&amp;Itemid=27"
 class="mainlevel-nav">Glosario</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_samsitemap&amp;Itemid=42"
 class="mainlevel-nav">Mapa del Sitio</a>
</div>
</div>
</div>
</div>
</span>

Y al menos ese problema está eliminado.

[merolhack]

Iniciado por Mikmoro

He mirado un poco tu código y diría que la estructura de tablas que usas en el menú de la cabecera es un tanto extraña. Esto está produciendo un par de problemas que no sé si has visto:
1.- Entre el div de la izquierda (la esquina redondeada del menú) y el centro del menú, hay una fina línea, porque no se unen los gráficos del todo bien (en firefox al menos).
2.- Otro problema mayor: para la gente con problemas de accesibilidad, en especial de visión, le suele gustar aumentar un poco el tamaño de letra (en firefox con CTRL+). Al aumentar la letra en tu sitio, como la tabla que contiene el menú no cabe, desaparece mostrando sólo el primer enlace (principal), y el resto quedan en sus celdas alineadas hacia abajo, debajo del resto, por lo que no se ven. Además, aunque vuelvas a reducir el tamaño ya no aparecen, hasta que refresques la página. Creo que deberías observar esto. Una cosa es que se salgan del gráfico de fondo, que suele pasar si no se curra mucho, pero otra cosa es que desaparezca tu menú principal.

El skin muy guapo. Elegante.
Mikel.

Bueno para el cambio de tamaño de letra, se usa un modulo que lo hace, como aqui:
http://produccion.ilce.edu.mx/content/view/57/81/ (arriba de los botones de imprimir).

Iniciado por Mikmoro

Para evitar el problema de que tu menú principal desaparezca, simplemente elimina la tabla que contiene el menú, es decir, saca el menú de la tabla en la que está en la celda central. Creo que en realidad no la necesitas. Podrías reemplazar:

Código:

<span>
<div class="pill_l">
<div class="pill_r">
<div class="pill_m">
<div id="pillmenu">
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td nowrap="nowrap"><a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel-nav" >Principal</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=3" class="mainlevel-nav" >Preguntas Frecuentes</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=2" class="mainlevel-nav" >Guía del Portal</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel-nav" >Requerimientos Técnicos</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=26" class="mainlevel-nav" >Contacto</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=blogcategory&amp;id=3&amp;Itemid=27" class="mainlevel-nav" >Glosario</a>
<a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_samsitemap&amp;Itemid=42" class="mainlevel-nav" >Mapa del Sitio</a>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</span>

Por esto otro:

Código:

<span>
<div class="pill_l">
<div class="pill_r">
<div class="pill_m">
<div id="pillmenu"><a href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_frontpage&amp;Itemid=1"
 class="mainlevel-nav">Principal</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=3"
 class="mainlevel-nav">Preguntas Frecuentes</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=2"
 class="mainlevel-nav">Gu&iacute;a del Portal</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_weblinks&amp;Itemid=23"
 class="mainlevel-nav">Requerimientos T&eacute;cnicos</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_contact&amp;Itemid=26"
 class="mainlevel-nav">Contacto</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_content&amp;task=blogcategory&amp;id=3&amp;Itemid=27"
 class="mainlevel-nav">Glosario</a><a
 href="http://produccion.ilce.edu.mx/portal2/index.php?option=com_samsitemap&amp;Itemid=42"
 class="mainlevel-nav">Mapa del Sitio</a>
</div>
</div>
</div>
</div>
</span>

Y al menos ese problema está eliminado.

Hola, es que no puedo eliminar la tabla(no es de el Template), por que estaria modificando el Codigo original de Joomla, y en las proximas actualizaciones tendria que estar cambiando el codigo :S,

[Mikmoro]

Oh, me lo temía. Lo siento. Habrá que buscar otra solución.
Te lo decía porque la gente que use firefox, si desea mayor tamaño usará CTRL+. Estaría bien que se viera muy claro que será mejor hacerlo desde los símbolos.
Mikel.

[SICK-BOY]

hey merolhack, no se la respuesta jaja, pero te keria felicitar tu template luce muy chido, me gusta como se ve brother, felicidades

[merolhack]

Ya hasta me hize otro jeje....

Este esta mas feo, pero al menos si se ve bien en la cochinada de IE :D

http://produccion.ilce.edu.mx/portal3/

[Lys]

No creo que se trate del mismo problema, pero espero que haya alguien que me pueda ayudar.
Hasta ayer, mi sitio (joomla) se veia muy bien tanto en Firefox como en IE; anoche estuve instalando un componente para SEO y despues de eso... el sitio se sigue viendo bien en Firefox... pero en IE, la columna de la derecha no se ve bien...
Alguien me dice que puedo hacer? podria estar el problema con la ruta a la hoja de estilo...
Por Favor... me ayudan?

[Lys]

"Listo pero con errores" (se muestra en el ícono de la barra de status del navegador) pero solo en Internet Explorer... en Mozilla se ve perfecto y sin errores... alguien tiene alguna idea?

[JavierB]

Hola Lys

Pon la dirección de la página (sin www) para que podamos verlo. También puedes poner qué error te dá y la línea.

Saludos,