Página 1 de 1

El portal se ve desordenado en IE

Publicado: 02 Nov 2010, 02:18
por 1s44c
URL: http://mangateca.co.cc/foro/index.php
Plantilla(s) usuada(s): IDLaunch
MODs instalados: portal phbb3, NV recent topics, Advertisement Management , Genders,Highslide Attatchment Mod, Page Titles, Topic Title Colour, Phbb3 Web, ABBC3
Versión de phpBB: 3.0.7-PL1
Nombre y versión del MOD: phpBB3 Portal Version 1.2.2, NV recent topics versión 1.0.5, Advertisement Management versión , genders 1.0.1, Highslide Attatchment Mod 4.0.5, Page Titles 1.0.2, Topic Title Colour 1.0.2, versión, ABBC3 versión 3.0.8

Servidor: gratuito (000webhost.com)
Si es una actualización desde otra versión: 3.0.6 a 3.0.7

Portal http://mangateca.co.cc/foro/


Estoy usando phpbb3 portal y hace un tiempo e notado que la parte central del portal no encaja bien, pero solo esto pasa si entras en el navegador Internet Explore. ;D

El portal se ve desordenado en IE

Publicado: 02 Nov 2010, 15:47
por exau
Es común en ese pésimo explorador, necesita de fixes para mostrar la página como debería ser... yo por eso uso FireFox; deberías recomendarlo a tus usuarios, una vez que lo prueben se van a convencer :ok:

Re: El portal se ve desordenado en IE

Publicado: 02 Nov 2010, 17:04
por leviatan21
a demás que tienes unos cuantos errores, éste en particular se soluciona en parte aplicando el cambio que sugerí antes : Barra lateral de Micth, (IE) se ve mal. Tema solucionado ( que aún no lo hiciste )
y el otro relacionado con este error es el código que agregaste debajo del sponsor, todo este código está mal, si lo eliminas (y aplicas el cambio anterior) se solucionará :

Archivo :
hraíz/styles/IDLaunch_Black/template/overall_header.html

Código a eliminar :

Código: Seleccionar todo

<html>
                           <head>

                             <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8" />
  <link rel="stylesheet" media="screen" type="text/css"
 href="menu/actua/css/style.css" />
  <script type="text/javascript" src="menu/actua/js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="menu/actua/js/slideshow.js"></script>
  <title>Slide show jquery (jQuery Headline Changer) - Depot
Webdesigner</title>

                           </head>
                           <body>

                           <h1 align="center"></h1>
<div id="content">
<ul class="infoPanel">
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=377&start=0" class="infoLink current"><img
 alt="" src="menu/actua/images/image1.jpg" style="opacity: 1;" />
    <span>Pluto</span>
    <p>El manga basado en "El robot más fuerte del mundo"...</p>
    </a>
    <div style="display: block;"> <img alt=""
 src="menu/actua/images/image1.jpg" /> </div>

  </li>
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=357" class="infoLink"><img
 alt="" src="menu/actua/images/image2.jpg" style="opacity: 0.8;" /><span>Shin yami no koe</span>
    <p>Junji ito, nos presenta en este episódico ...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image2.jpg" /> </div>
  </li>

  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=223&start=0" class="infoLink"><img
 alt="" src="menu/actua/images/image3.jpg" style="opacity: 0.8;" /><span>El lobo solitario y su cachorro</span>
    <p>Itto Ogami y su hijo Daigoro recorren...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image3.jpg" /> </div>
  

</div>

                           
                           </body>

                           </html>
Recuerda que para probarlo, debes actualizar la plantilla luego de aplicar los cambios :mrgreen:

El portal se ve desordenado en IE

Publicado: 03 Nov 2010, 01:19
por 1s44c
Si hice lo que me dijiste Gabriel xD pero solo se resolvió la parte del index_body.html es ahí donde tenía la barra de micht. ;D

Archivo :
hraíz/styles/IDLaunch_Black/template/overall_header.html
aahh ese código que puse está en el raíz/styles/IDLaunch_Black/template/portal/portal_body.html

justo al principio comienza con <html> y termina con </html>

Código: Seleccionar todo

<!-- DEFINE $S_IN_PORTAL = 1 -->
<!-- INCLUDE overall_header.html -->
<html>
						   <head>
						     <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8" />
  <link rel="stylesheet" media="screen" type="text/css"
 href="menu/actua/css/style.css" />
  <script type="text/javascript" src="menu/actua/js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="menu/actua/js/slideshow.js"></script>
  <title>Slide show jquery (jQuery Headline Changer) - Depot
Webdesigner</title>

						   </head>
						   <body>
						   <h1 align="center"></h1>
<div id="content">
<ul class="infoPanel">
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=377&start=0" class="infoLink current"><img
 alt="" src="menu/actua/images/image1.jpg" style="opacity: 1;" />
    <span>Pluto</span>
    <p>El manga basado en "El robot más fuerte del mundo"...</p>
    </a>
    <div style="display: block;"> <img alt=""
 src="menu/actua/images/image1.jpg" /> </div>
  </li>
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=357" class="infoLink"><img
 alt="" src="menu/actua/images/image2.jpg" style="opacity: 0.8;" /><span>Shin yami no koe</span>
    <p>Junji ito, nos presenta en este episódico ...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image2.jpg" /> </div>
  </li>
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=223&start=0" class="infoLink"><img
 alt="" src="menu/actua/images/image3.jpg" style="opacity: 0.8;" /><span>El lobo solitario y su cachorro</span>
    <p>Itto Ogami y su hijo Daigoro recorren...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image3.jpg" /> </div>
  

</div>

						   
						   </body>
						   </html>
<!-- $Id: portal_body.html,v 1.1 2008/02/09 08:18:16 angelside Exp $ //-->

Entonces debo borrarlo? :oops: que debo hacer.... justo me era necesario tenerlo ya que hace más interesante el portal :(
Es común en ese pésimo explorador, necesita de fixes para mostrar la página como debería ser... yo por eso uso FireFox; deberías recomendarlo a tus usuarios, una vez que lo prueben se van a convencer
See ya recomende a todos los que participan en el foro que no usen ese navegador :evil: ya que en los demás anda perfecto. Si sigue asi el navegador IE pronto se va extinguir :P . Felizmente uso el chrome.


Gracias por las recomendaciones :ok:

El portal se ve desordenado en IE

Publicado: 03 Nov 2010, 05:10
por leviatan21
1s44c escribió:Si hice lo que me dijiste Gabriel xD pero solo se resolvió la parte del index_body.html es ahí donde tenía la barra de micht. ;D
Pero también debes hacer el mismo cambio en el portal, ya que usan el mismo código :wink:

1s44c escribió:See ya recomende a todos los que participan en el foro que no usen ese navegador :evil: ya que en los demás anda perfecto. Si sigue asi el navegador IE pronto se va extinguir
Yo se que puedo ser muy criticado por decir esto, pero IE es el único capaz de mostrarte que la página está con errores, fijate que si no fuera por el, no habrías notado cuantas fallas tienes.
Por otro lado cuando salga IE 9 te va a sorprender con la enorme cantidad de mejoras que tiene :mrgreen:

1s44c escribió:Entonces debo borrarlo? :oops: que debo hacer.... justo me era necesario tenerlo ya que hace más interesante el portal :(
Podemos hacer algunos cambios y probar :

Abrir :
raíz/styles/IDLaunch_Black/template/overall_header.html

Buscar :

Código: Seleccionar todo

</head> 
Antes agregar :

Código: Seleccionar todo

<!-- IF $S_IN_PORTAL -->
<link rel="stylesheet" media="screen" type="text/css" href="./menu/actua/css/style.css" />
<script type="text/javascript" src="./menu/actua/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src=./"menu/actua/js/slideshow.js"></script>
<!-- ENDIF -->
Abrir :
raíz/styles/IDLaunch_Black/template/portal/portal_body.html
Buscar : ( el código que cité antes que está mal)
Reemplazar por :

Código: Seleccionar todo

<div id="content">
    <ul class="infoPanel">
        <li>
            <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=377&start=0" class="infoLink current"><img alt="" src="menu/actua/images/image1.jpg" style="opacity: 1;" /> <span>Pluto</span> <p>El manga basado en "El robot más fuerte del mundo"...</p></a>
            <div style="display: block;"><img alt="" src="menu/actua/images/image1.jpg" /></div>
        </li>
        <li>
            <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=357" class="infoLink"><img alt="" src="menu/actua/images/image2.jpg" style="opacity: 0.8;" /><span>Shin yami no koe</span> <p>Junji ito, nos presenta en este episódico ...</p></a>
            <div style="display: none;"> <img alt="" src="menu/actua/images/image2.jpg" /></div>
        </li>
        <li>
            <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=223&start=0" class="infoLink"><img alt="" src="menu/actua/images/image3.jpg" style="opacity: 0.8;" /><span>El lobo solitario y su cachorro</span> <p>Itto Ogami y su hijo Daigoro recorren...</p></a>
            <div style="display: none;"> <img alt="" src="menu/actua/images/image3.jpg" /></div>
        </li>
    </ul>
</div> 
Y actualizando las plantillas debería funcionar ( no olvides el anterior cambio )

El portal se ve desordenado en IE

Publicado: 03 Nov 2010, 14:48
por 1s44c
Gracias Gabriel :ok: me ha ayudado el poner los js y css en el overall_header :mrgreen: , sobre las modificación en el portal con el tema anterior. He buscado donde modificaros en portal_body.html así que supe que serían de esa manera

Código: Seleccionar todo

<!-- [+] left block area -->
td width="{PORTAL_LEFT_COLLUMN}" valign="top" style="width: auto;" >

Código: Seleccionar todo

<!-- [+] right block area -->
	<td width="{PORTAL_RIGHT_COLLUMN}" valign="top" style="width: auto;" >
Eso hice pero queda de esta manera en chrome
Imagen


Y en IE

Imagen


Por lo demás e estado probando agregar style="width: auto;" en varios lugares pero no me da resultado :oops:

Re: El portal se ve desordenado en IE  Tema Solucionado

Publicado: 03 Nov 2010, 16:14
por leviatan21
agregando a lo "loco" el style="width: auto;" romperás mas de lo que solucionarás...

el bloque que contiene el código para el enlace está en esta plantilla : raíz/styles/IDLaunch_Black/template/portal/block/link_us.html

Código: Seleccionar todo

<textarea rows="3" cols="12"> <a href="http://www.mangateca.co.cc/foro/index.php" target="_blank"><img border="0" alt="Mangateca" src="http://img819.imageshack.us/img819/8228/banminmang3.jpg" /></a> </textarea> 
 
quizás cambiándolo por alago así funcione mejor :

Código: Seleccionar todo

<textarea type="text" tabindex="1" rows="10" cols="15" wrap="soft" class="inputbox autowidth" style="overflow:hidden; height:140px; font-size:10px;" onclick="this.focus();this.select();" /><a href="http://www.mangateca.co.cc/foro/index.php" target="_blank"><img border="0" alt="Mangateca" src="http://img819.imageshack.us/img819/8228/banminmang3.jpg" /></a></textarea> 

El portal se ve desordenado en IE

Publicado: 04 Nov 2010, 01:24
por 1s44c
agregando a lo "loco" el style="width: auto;" romperás mas de lo que solucionarás...
Por que no lo pensé antes :shock: claro ese enlace del portal_body..html enlazaba a link_us.html y allí estaba el problema :shock: :shock: mil gracias!!!! Gabriel :D con la ayuda prestada, más bien sry no entendía a lo que te referias con que no había usado el tema anterior para solucionar este. :oops:

El portal se ve desordenado en IE

Publicado: 04 Nov 2010, 03:55
por leviatan21
1s44c escribió:mil gracias!!!! Gabriel :D con la ayuda prestada
No hay problemas, cuando quieras por a aquí estaré observándote :shock: