[Ovillo] IE: bordes visibles en tabla invisible

Domingo Salesa Ariste dsalesa en tragsa.es
Mie Sep 13 08:34:30 UTC 2006


Hola,

este mi primer mensaje y quiero felicitaros por esta magnifica lista.

Estoy haciendo una pagina emulando pestañas con divs que se muestran y ocultan.
Dentro de algun div uso tablas y para evitar el '<table cellpading="0" cellspacing="0">' puse el 'border-collapse: collapse' en la hoja de estilo.
 
El problema es que con div padre oculto IE6 me dibuja los bordes de las celdas!!! (en Firefox perfecto). 
Si quito el border-collapse funciona.

Un saludo

Domingo Salesa


Codigo de ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
	<title>prueba</title>
	<style>
	#capa{visibility: hidden;}
	table{border-collapse: collapse;}
	th{border: solid 1px #000;}
	td{border: solid 1px red;}
	</style>
</head>
<body>
	<div id="capa">
		<table id="tabla">
			<tr><th>titulo</th></tr>
			<tr><td>datos</td></tr>
		</table>
	</div>
</body>
</html>





Más información sobre la lista de distribución Ovillo