display:none для строки в опере

Колос · April 22, 2008

Пример:

 <table width="500px" border="1">
 <tr>
 <td width="20px" onClick="var r = document.getElementById('row1'); r.style.visibility='hidden';r.style.display='none'">
 -
 </td>
 <td onClick="var r = document.getElementById('row1'); r.style.visibility='visible';r.style.display=''">
 +
 </td>
 </tr>
 <tr id="row1">
 <td>
 в
 </td>
 <td>
 г
 </td>
 </tr>
 </table>

В ИЕ и мазиле работает правильно. А в опере, после того как вторая строка делается невидимой, первый столбец разъезжается. То есть его ширина становится не 20px а раз в 10 больше.

ZoNT · April 23, 2008

<html>
<head>
</head>
<body>
 <table width="500px" border="1" style="table-layout: fixed;">
 <tr>
 <td width="20px" onClick="var r = document.getElementById('row1'); r.style.display='none';">
 -
 </td>
 <td onClick="var r = document.getElementById('row1'); r.style.display=''">
 +
 </td>
 </tr>
 <tr id="row1">
 <td>
 в
 </td>
 <td>
 г
 </td>
 </tr>
 </table>
</body>
</html>

homm · April 23, 2008

<table width="500px" border="1" style="table-layout: fixed;">
 <col width="20" /><col width="100%" /> 
 <tr>
 <td onClick="var r = document.getElementById('row1'); r.style.visibility='hidden';r.style.display='none'">
 -
 </td>
 <td onClick="var r = document.getElementById('row1'); r.style.visibility='visible';r.style.display=''">
 +
 </td>
 </tr>
 <tr id="row1">
 <td>
 в
 </td>
 <td>
 г
 </td>
 </tr>
 </table>

Колос · April 23, 2008

Спасибо.

Да. Как же это я про table-layout не вспомнил. :)

Sign In

display:none для строки в опере

Question

Колос

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

ZoNT

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Колос

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information