[CSS] Stile bordi tabella e div hidden con I.E.

**zaleos** · 18-01-2006, 19:49

Ho un problema... Ho una tabella con stile dei bordi impostati tramite CSS (preso paro paro dagli esempi di una guida di html.it) posizionata all'interno di un div nascosto.
Mentre Firefox visualizza tutto correttamente, IE anche se il div è nascosto mostra i bordi delle celle (ovvero, nell'esempio sotto, lo stile di "table.tabella7 td")

Sotto ho riportato un esempio dimostrativo.

codice:

<html>
<head>
<style type="text/css">
<!--
table.tabella7 {
	table-layout : fixed;
	width : 300px;
	background : Silver;
	border-collapse : collapse;
	padding: 10px;
}

table.tabella7 td {
	border: 2px solid black;
}
-->
</style>
</head>

<body>
<div style="visibility:hidden">
<table class="tabella7">
  <tr> 
    <td>cella 1 </td>
    <td>cella 2 </td>
    <td>cella 3</td>
  </tr>
  <tr> 
    <td>cella 4</td>
    <td>cella 5</td>
    <td>cella 6</td>

  </tr>
  <tr> 
    <td>cella 7</td>
    <td>cella 8</td>
    <td>cella 9</td>
  </tr>
</table>
</div>
</body>
</html>

Che devo fare?

**creattivo** · 18-01-2006, 20:20

l'attributo fixed mi puzza

edito per chiarezza: IE non supporto l'attributo fixed.

**zaleos** · 18-01-2006, 20:36

Anche senza fixed non va...

**creattivo** · 18-01-2006, 20:47

non devi levare fixed, lo devi sostituire.
Prova con absolute (anche se non è esattamente la stessa cosa)

**zaleos** · 18-01-2006, 21:05

Anche sostituiendolo non funziona....
E cmq mi pare che fixed sia supportato da IE :master:

Però alla fine ho risolto levando lo stile del bordo da td, mettendolo in table e facendolo ereditare.

codice:

table.tabella7 {
	table-layout: fixed;
	width : 300px;
	background: Silver;
	border-collapse: collapse;
	padding: 10px;
	border: 2px solid black;
}

table.tabella7 td {	
	border: inherit;
}

**creattivo** · 18-01-2006, 22:08

about fixed
http://pro.html.it/articoli/id_472/idcat_8/pro.html

:ciao:

**zaleos** · 19-01-2006, 15:39

Cmq devo rettificare...
In quell'ultimo modo non funziona perchè i bordi non vengono proprio visualizzati nemmeno quando il div è visible, ecco perchè quando è hidden non c'era più il problema...

Non so più quindi che fare

Discussione: [CSS] Stile bordi tabella e div hidden con I.E.

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Stile bordi tabella e div hidden con I.E.

Permessi di invio