Hola a todos, tengo el siguiente código de una página footer.jsp:
<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %>
<tr>
<td valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tbody>
<tr>
<%--los rowspan estan metidos para que se expandan y el pixel de union de la pestaña y el fin solo
ocupe un pixel--%>
<td width="9" align="left" rowspan="2" valign="top" height="16">
<html:img page="/images/tinferiorizquierda.gif" style="width:9px;height:16px;"/>
</td>
<td width="100%" bgcolor="#F1F6F1" style="height:15px;"/>
<td width="10" align="right" rowspan="2" valign="top" height="16">
<html:img page="/images/tinferiorderecha.gif" style="width:10px;height:16px;"/>
</td>
</tr>
<tr style="max-height:1px;">
<td bgcolor="#336666" width="100%" style="height:1px;max-height:1px;" valign="top">
<html:img page="/images/espacio.gif" style="width:1px;height:1px;max-height:1px;"/>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
Mi problema está en último tr, que contiene un td con una imagen llamada espacion.gif, la cual es un pixel. Lo que me pasa, es que esta imagen se expande verticalmente dos filas, como si cogiera los rowspan="2" de los tds anteriores.
Alguien sabe porqué me puede pasar esto?
, os paso una captura con mozilla, y otra con el IE:
editado: hasta que no pasen 30días, no puedo postear imágenes.
El código sólo corresponde con la parte de abajo de la ventanita de login, ese es el footer, sólo tien , el borde izquierdo de abajo, tinferiorizquierda.gif, un td para expandir el borde derecho, que es el otro td, tinferiorderecha.gif.
luego el otro tr, que contiene la imagen, que como veis se me expande hacia abajo, y me queda el borde más gordo. En mozilla no me pasa, pero en IE , como podéis apreciar, sí.
Alguna solución, estoy muy desesperado.. GRACIAS!!