Flecos en el FFox

[chemajf]

Hola:

tengo una tabla en HTML y mediante CSS le ndico los bordes. La tabla tiene 4 columnas y 7 filas, solo que la ultima fila solo tiene 2 celdas (las dos de la izquierda) y las dos de la derecha no hay nada.

Pues bien, en estas dos ultimas de la derecha donde no hay nada, con FFox se crea un "fleco" muy extraño que con IE no ocurre, es como si el borde de la izquierda de la ultima columna de "creciera" hasta el final y lo hace solo con FFox.

Alguien puede explicarme porque???

Gracias.

P.D.: si necesitais mas datos pedidmelos.

[venkman]

¿En esa última fila sólo tienes dos <td>s? ¿Tiene alguno de los dos puesto colspan="3"?

[chemajf]

La tabla es esta:

<TABLE cellSpacing=1 cellPadding=0 width="100%" border=0>

<THEAD>
<TR>
<TH id=header3 style="TEXT-ALIGN: center" colSpan=4>
Texto texto texto texto texto...
</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
1992
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
1993
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
1994
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
1995
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
Texto texto texto texto texto...
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
1996
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
1997
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
1998
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
1999
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
Texto texto texto texto texto...
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
2000
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
2001
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
2002
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
2003
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
Texto texto texto texto texto...
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
2004
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
2005
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
2006
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
2007
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header3>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header4>
Texto texto texto texto texto...
</TD>
</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
Texto texto texto texto texto...
</TD>

</TR>
<TR>
<TD style="TEXT-ALIGN: center" headers=header1>
Texto texto texto texto texto...
</TD>
<TD style="TEXT-ALIGN: center" headers=header2>
Texto texto texto texto texto...
</TD>

</TR>
</TBODY>
</TABLE>

Y el CSS:

#tablalistado TD {

BORDER-RIGHT: #dbab04 1px solid;
BORDER-BOTTOM: #dbab04 1px solid;
BORDER-LEFT: #dbab04 1px solid;
BORDER-TOP: #dbab04 1px solid;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
FONT-WEIGHT: normal;
FONT-SIZE: 65%;
MARGIN: 0px;
COLOR: #333333;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 20px;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: none
}

[venkman]

Pues lo dicho. A los últimos TD de las dos últimas filas ponles colspan="3"

[chemajf]

y si te digera que no puedo tocar el HTML, que me viene dado (digamos por un tercero) y no puedo tocarlo y que SOLO puedo tocar el CSS, que me dirias?

[venkman]

Pues te diría que ese HTML está mal y que por mucho CSS, si el HTML está mal, pues está mal.

[Mikmoro]

Iniciado por venkman

Pues te diría que ese HTML está mal y que por mucho CSS, si el HTML está mal, pues está mal.

Efectivamente. Y de paso ese tercero debe entender una cosa: una tabla debe ser siempre completada, bien con rowspan, bien con celdas vacías, etc., pero la cuadrícula no puede quedar coja; debe ser siempre cerrada por completo de una u otra manera.

Dile que lo arregle y luego trabajas la css. Cuánto daño hacen los errores de interpretación de IE, que pasan por alto errores que hacen pensar a mucha gente que: "total, así se ve bien en explorer, eso no tiene ninguna importancia".

[chemajf]

OK Muchas gracias, pero muchas muchas.

P.D.: cuanta razon teneis