Autor | Zpráva | ||
---|---|---|---|
xlifer Profil |
Nevím si rady proč když použiju style: none; na id=radek1,
tak mimo Internet Explorer je vždy problém, že se po aplikování display: inline; (ukaž řádek) nerespektuje nastavená šířka width buňek? (to platí i pro případy, když použiju DIV bez tabulky) Pro test stačí tento kód vyzkoušet v IE a následně ve FF. <table width="500" border="1" cellPadding="2" cellSpacing="2"> <tr id="radek1" style="display:none"> <td width="100">Nazev 1</td> <td width="250">Hodnota 2</td> </tr> <tr> <td width="100">Nazev 2</td> <td width="250">Hodnota 2</td> </tr> </table> <br> <a href="#nic" onClick="document.getElementById('radek1').style.display='inline';">Ukaž řádek 1</a> <br> <br> <a href="#nic" onClick="document.getElementById('radek1').style.display='none';">Skryj řádek 1</a> |
||
Chamurappi Profil |
#2 · Zasláno: 1. 10. 2010, 02:16:28
Reaguji na xlifera:
Nastav style.display na prázdný řetězec, pak prohlížeč použije hodnotu určenou stylopisem (třeba svým výchozím). Mezi CSS 1 a CSS 2 vznikla menší nekompatibilita, proto prohlížeče, které znají tabulkové hodnoty display , zareagují na inline či block nežádoucím způsobem a prohlížeče, které neznají tabulkové hodnoty display (což jsou starší Explorerové), zareagují na table-row chybou. Takže místo toho, abys v Exploreru nastavoval inline a jinde table-row , je lepší nastavit nic a nechat prohlížeč, ať si to rozhodne podle svého.
|
||
xlifer Profil |
#3 · Zasláno: 1. 10. 2010, 02:42:09
Ano, takhle to funguje! Super, díky moc.
Zase o něco chytřejší... :-) |
||
Časová prodleva: 13 let
|
0