tabeller flytter sig på mac
Jeg har en tabel hvor en <tr> skal foldes ud ved klik.Det ser sådan ud:
<table border="0" class="clsForm" width="410">
<tr>
<td height="20">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="27"><img src="../img/flag_EN.gif" alt="" width="23" height="17" border="0"></td>
<tdEnglish</td>
<td id="minTd_1" onclick="CloseOpen(this, 'minTr_1')" style="cursor:pointer;" align="right" class="clsInfo">Open</td>
</tr>
</table>
</td>
</tr>
<tr id="minTr_1" style="display:none;">
<td style="font-size:10px;">
Headline:<br>
<input type="text" name="frmHeadEN" class="clsInput" style="width:388px;" value=""> *<br>
Teaser:<br>
<textarea cols="" rows="" name="frmTeaserEN" class="clsText" style="height:70px;"></textarea> *<br>
Text:<br>
<textarea cols="" rows="" name="frmTextEN" class="clsText" style="height:120px;"></textarea> *<br>
</td>
</tr>
</table>
Med script:
function CloseOpen(elm01, elm02){
if(elm01.innerHTML=='Close'){
elm01.innerHTML='Open';
document.getElementById(elm02).style.display='none';
}else{
elm01.innerHTML='Close';
document.getElementById(elm02).style.display='block';
}
}
(kode lånt fra et andet sp)
Når jeg ser det på mac, hopper den øverste <tr> ned i bunden og når jeg lukker igen, er hele tabellen lidt højere end den var oprindeligt.
Er der nogen der kan hjælpe?
