Buenas tardes comunidad. Llevo unos días trabajando en un nuevo proyecto y ahora viene IE a tocar las pelo.
Firefox: Navega tranquilamente:
IE: aquí se puede observar cómo IE se carga el diseño de mi nueva página:
Lo que ocurre en IE lo comprendo: las imágenes (spacer.gif) de la barra de navegación tiran para abajo, entonces el cuerpo de la página se despega del encabezado dejándome un regalito bastante desagradable.
La barra de navegación está colocada de forma que la imagen que hay dentro de la tabla sea spacer.gif (imagen de 1x1 transparente) y en el css le digo que la etiqueta td tenga de fondo dicha imágen.
Este es el código correspondiente a la barra de navegación:
<table width="896" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="tdbbarl"><img src="images/spacer.gif" height="30" width="4" alt="" title="" border="0" /></td>
<td class="bbar_inicio"><a href="/" title="Inicio"><img src="images/spacer.gif" height="30" width="77" alt="" title="" border="0" /></a></td>
<td class="bbar_comunidad"><a href="/community/" title="Comunidad"><img src="images/spacer.gif" height="30" width="115" alt="" title="" border="0" /></a></td>
<td class="bbar_descargas"><a href="/community/downloads.php" title="Descargas"><img src="images/spacer.gif" height="30" width="115" alt="" title="" border="0" /></a></td>
<td class="bbar_mods"><a href="/mods/" title="Modificaciones"><img src="images/spacer.gif" height="30" width="77" alt="" title="" border="0" /></a></td>
<td class="bbar_estilos"><a href="/templates/" title="Estilos"><img src="images/spacer.gif" height="30" width="77" alt="" title="" border="0" /></a></td>
<td class="bbar_proyectos"><a href="/projects/" title="Proyectos"><img src="images/spacer.gif" height="30" width="115" alt="" title="" border="0" /></a></td>
<td class="bbar_vacio" width="100%" height="30" align="right" valign="middle">
<form action="http://www.customphpbb.es/search.php" id="[... cosas de google ...]" method="get">
<input type="hidden" name="cx" value="[... cosas de google ...]" />
<input type="hidden" name="cof" value="[... cosas de google ...]" />
<input type="text" name="q" size="25" />
<input type="image" src="http://www.customphpbb.es/community/templates/subsilverc/images/icon_mini_search.png" name="sa" value="Buscar" />
<script type="text/javascript" src="http://www.google.com/coop/cs[... cosas de google ...]"></script></form></td>
<td class="tdbbarr"><img src="images/spacer.gif" height="30" width="4" alt="" title="" /></td>
</tr>
</table>
<tr>
<td class="tdbbarl"><img src="images/spacer.gif" height="30" width="4" alt="" title="" border="0" /></td>
<td class="bbar_inicio"><a href="/" title="Inicio"><img src="images/spacer.gif" height="30" width="77" alt="" title="" border="0" /></a></td>
<td class="bbar_comunidad"><a href="/community/" title="Comunidad"><img src="images/spacer.gif" height="30" width="115" alt="" title="" border="0" /></a></td>
<td class="bbar_descargas"><a href="/community/downloads.php" title="Descargas"><img src="images/spacer.gif" height="30" width="115" alt="" title="" border="0" /></a></td>
<td class="bbar_mods"><a href="/mods/" title="Modificaciones"><img src="images/spacer.gif" height="30" width="77" alt="" title="" border="0" /></a></td>
<td class="bbar_estilos"><a href="/templates/" title="Estilos"><img src="images/spacer.gif" height="30" width="77" alt="" title="" border="0" /></a></td>
<td class="bbar_proyectos"><a href="/projects/" title="Proyectos"><img src="images/spacer.gif" height="30" width="115" alt="" title="" border="0" /></a></td>
<td class="bbar_vacio" width="100%" height="30" align="right" valign="middle">
<form action="http://www.customphpbb.es/search.php" id="[... cosas de google ...]" method="get">
<input type="hidden" name="cx" value="[... cosas de google ...]" />
<input type="hidden" name="cof" value="[... cosas de google ...]" />
<input type="text" name="q" size="25" />
<input type="image" src="http://www.customphpbb.es/community/templates/subsilverc/images/icon_mini_search.png" name="sa" value="Buscar" />
<script type="text/javascript" src="http://www.google.com/coop/cs[... cosas de google ...]"></script></form></td>
<td class="tdbbarr"><img src="images/spacer.gif" height="30" width="4" alt="" title="" /></td>
</tr>
</table>
Y en el css:
.tdbbarl { background:url(../../../images/bbarl.gif) no-repeat;}
.tdbbarr { background:url(../../../images/bbarr.gif) no-repeat;}
.bbar_vacio { background:url(../../../images/bbar_fondo.gif) repeat-x;}
.bbar_inicio { background:url(../../../images/bbar_inicio.gif) no-repeat;}
.bbar_comunidad { background:url(../../../images/bbar_comunidad.gif) no-repeat;}
.bbar_descargas { background:url(../../../images/bbar_descargas.gif) no-repeat;}
.bbar_estilos { background:url(../../../images/bbar_estilos.gif) no-repeat;}
.bbar_mods { background:url(../../../images/bbar_mods.gif) no-repeat;}
.bbar_proyectos { background:url(../../../images/bbar_proyectos.gif) no-repeat;}
.tdbbarr { background:url(../../../images/bbarr.gif) no-repeat;}
.bbar_vacio { background:url(../../../images/bbar_fondo.gif) repeat-x;}
.bbar_inicio { background:url(../../../images/bbar_inicio.gif) no-repeat;}
.bbar_comunidad { background:url(../../../images/bbar_comunidad.gif) no-repeat;}
.bbar_descargas { background:url(../../../images/bbar_descargas.gif) no-repeat;}
.bbar_estilos { background:url(../../../images/bbar_estilos.gif) no-repeat;}
.bbar_mods { background:url(../../../images/bbar_mods.gif) no-repeat;}
.bbar_proyectos { background:url(../../../images/bbar_proyectos.gif) no-repeat;}
Estaría muy agradecido si alguien me dijese cómo se puede solucionar eso... Quizás es una tontería, pero hasta el W3C me dice que todo va bien...
La página la podeis ver en http://www.customphpbb.es/ (he quitado el enlace para que no entren los bots)
Nota -> aunque la comunidad está montada en phpBB 2.0.22, lo que ocurre no tiene que ver con phpbb, ya que es una página externa a éste.
:
_________________________________
KasLimon
Custom phpBB Personaliza tu foro totalmente gratis
ExtremeCMS (muy pronto)
Icy Phoenix - KMorph - phpBB-Es.Com
Si veo que al final consigo hacerlo puede quedar algo muy chulo...
