Muestra bordes sólo con contenido

[moNTeZIon]

Buenos días gente del foro,
Tengo esta línea:

Código:

<tr style="height: 5px"><td colspan="3" style="border-bottom: 1px Dashed #FF0000;">&nbsp;</td></tr>

En la que si le quito el " " de la celda, no me muestra el borde inferior pintado de rojo. En cambio, si se lo pongo si que muestra el borde, pero claro, el alto de la fila debería ser de 5px como le indico, pero al meterle el " " me aumenta hasta 10 o 15 pixels el alto.
Esto ocurre con IExplorer, en Firefox me va de maravilla sin el espacio en blanco.
Saben como solucionarlo?
Muchas gracias.
Saludos.

[Ruben_adap]

Puedes poner dentro una imagen de 1 pixel transparente, en vez del  , o bien definir en esa celda un tamaño del texto de 1 pixel, entonces el   no sera tan "alto" y conseguiras que tenga los 5px que quieres.

[moNTeZIon]

Siempre intento mejorar mi código y pasar a lo estandar, cuando puedo, es por eso me gustan tan poco este tipo de soluciones como poner una imagen de 1px o poner el tamaño del texto a 1px, para poder poner un espacio...
Es que no existe la posibilidad de crear un recuadro sin el maldito contenido de una forma estandarizada?
Es una opinión sobre este tipo de cosas, que de momento no me va a quedar más remedio que emplear una de las soluciones que me ofrece Ruben (gracias Ruben!), aunque quedo a la impaciente espera de alguna respuesta que me pueda satisfacer un poco más.
Saludos a todos.

[Ruben_adap]

Lamentablemente los estandares no se implementan al 100% por los navegadores, con lo cual a veces tenemos que echar mano de estas chapuzas para conseguir lo que deseamos. Soy todo ojos por si alguien escribe alguna solucion menos "cutre".

[webosiris]

eso lo hace por el tamaño de la fuente por defecto que da IE.. al style agregale font-size:1px; .. pero te recuerdo, las tablas son para tabular datos, no para posicionar elementos..

[moNTeZIon]

Gracias por la aclaración webosiris.
Se lo que me comentas acerca de las tablas. Verás, soy uno de esos de antes, con tablas a muerte.
Poco a poco me voy convirtiendo en uno de los vuestros, pero a veces, por cuestiones de tiempo, al no salir las cosas como quiero me lanzo a lo sabido, error, lo se.
Bien, puesto que ya se habla del tema... Uno de esos problemas que tengo para pasar de HTML a CSS son los cellpadding="0" y cellspacing="0" de los tables. A dia de hoy no he conseguido aplicarle el mismo comportamiento que tendría eso, pero con CSS.
Ya que estamos me podríais dar una respuesta al respecto?
Saludos cordiales.

P.D.: De paso os dejo esta, que ya me da verguenza volver a revivir el post, y se va yendo para abajo. A ver si podeis ayudarme: http://www.forosdelweb.com/f53/scroll-monta-encima-del-contenido-403345/

[moNTeZIon]

Un detalle respecto a utilizar la fuente de 1px

Se trata de un DIV con unas medidas muy específicas. El contenido del DIV lo trato muy cuidadosamente para que llegue hasta el límite, sin mostrar los scrolls.
De hecho, el TR que os muestro arriba es el último, antes de llegar al limite inferior del DIV. Acaba en el ultimo pixel posible. O sea, si en vez de height=5 le pongo que sea 6, ya me aparecen los scrolls.

Bien, pues lo que ocurre al especificar el tamaño del texto a 1px, es que me suma ese pixel y aparecen los scrolls, con lo que debo restarle un pixel al HEIGHT, para que desaparezcan. Pero claro, al hacer eso, ya no se dibuja la linea JUSTO DONDE YO QUERIA. (Donde salia con firefox, sin poner ningun caracter en el TD)

Por cierto, a la fuente no puedo ponerle 0px , que sería la solucion a eso, supongo. Me lo interpreta como 1px.

Saludos!