[grinditwp]

visibility:collapse; verkar inte fungera i IE, men fungerar i Firefox. Några förslag?

<table width="450" border="0" cellspacing="1" cellpadding="5">
<tr id="namnBox" style="visibility:collapse;">
 <td>Text</td>
</tr>
<tr id="textBox" style="visibility:collapse;">
 <td>Text</td>
</tr>
</table>

[DudeRille]

visibility:hidden

[grinditwp]

Problemet är dock då att det blir ett tomrum där.
Alltså, innehållet försvinner men platsen som innehållet hade tagit finns kvar och blir tomrum.

[HMH]

display: none;

[turboraketti]

Tyvärr saknas stöd för visibility:collapse i de flesta webbläsarna. Inte ens MSIE8b fixar det, och övriga MSIE renderar det som hidden: http://www.quirksmode.org/css/columns.html

Mozilla noterar det i sin referens: http://developer.mozilla.org/en/docs...sibility#Notes

Kuriosa. Standarden för visibility: http://www.w3.org/TR/CSS21/visufx.html#visibility

[grinditwp]

Originally posted by HMH@Apr 9 2008, 12:05

display none;

Ja, jo det fungerar juh... men... om jag vill visa det hela igen?
Vad fungerar då? jag får bara display block att fungera i IE. Det låter dock inte helt rätt att visa en <tr> dom ett block :P eller?

[HMH]

Att visa igen borde rimligen vara:

display: table-row;

[turboraketti]

display: table-row;

Dock återigen, taskigt med stöd i MSIE... men block kanske är en bra fallback:
display: table-row;
#display: block; /*MSIE0-7*/

[grinditwp]

Originally posted by turboraketti@Apr 9 2008, 13:04
display: table-row;
Dock återigen, taskigt med stöd i MSIE... men block kanske är en bra fallback:
display: table-row;
#display: block; /*MSIE0-7*/

Precis... när skall de stora företagen slå sig samman och verkligen följa en standard? :P
Tack!

[turboraketti]

Det slog mig... Det mest generiska sättet att skriva sin CSS borde vara:
display: block;
display: table-row; /*browsers not knowing this will stick to 'block'*/

Alltid gött att slippa hacks om det går...