[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