第一部分
<!-- 题干 -->
<tr>
<td width="15%" align="right" >题目内容 </td>
<td width="55%" align="left">
<textarea id="proContent" name="proInfo.proContent" rows="35" style="width:99%;height:180px; border: 1px solid #c5c5c5"></textarea>
</td>
<td align="center">
<img alt="题干图片" id="problemImg" name="problemImg" src="" style="width:220px;height: 155px;"><br><br>
<span id="spanContent">
<a href="javascript:selectImg('proImg','problemImg','spanContent')" title="插入图片" >插入图片</a>
</span>
<a href="javascript:deleteImg('taimg')">删除图片</a>
</td>
</tr>
<!-- 题干 -->
第二部分
<!-- 选择题 start -->
<tr id="txtChoiec">
<td width="15%" align="right">题目选项
<br>
<br>
<input type="button" value="增加选项" οnclick="addTab()">
</td>
<td width="75%" align="left" colspan="2">
<div><input type="radio" name="optionType" value="1" checked="checked" οnclick="changeXz(this.value)">单项选题
<input type="radio" name="optionType" value="2" οnclick="changeXz(this.value)">多项选题
<span id="optionTypeDiv" style="color: red"> 单项选择题,只能勾选一个答案</span>
</div>
<table id="chooseDiv" border="0" width="100%">
<tr>
<td width="30"><input type="checkbox" name="optCheck" value="A" οnclick="showChoose(this.value)">A</td>
<td width="400"><textarea rows="35" style="width:100%;height:36px;" id="option1" name="proInfo.option1"></textarea></td>
<td width="130"><img alt="选项图片" id=optionImg1 name="proInfo.optionImg1" src="" style="width:120px;height: 45px;"></td>
<td width="70">
<span id="span1">
<a href="javascript:selectImg('opimg1','optionImg1','span1');" title="插入图片">插入图片</a>
</span>
<br> <br>
<a href="javascript:deleteImg(tbimg)">删除图片</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- 选择题 end -->
在火狐firfox浏览器,第二部分 colspan=2貌似没有其左右,很少郁闷。后来调试发现是和display属性有关系。
解决方法:
如果在<table>中对<tr>或者<td>使用style.display来控制显示/隐藏某行或某个单元格的话,在IE中一切正常,但是在Firefox中就会出现错位的现象。
解决方法是把style.display='block'
写成
style.display= “ ” //为空就行。
'就可以了
本人遇到这个问题,并实践上面过程。