table表格合并列的问题，在IE中能够正常显示，但是在火狐中，好像colspan没有起作用一样，解决办法！！！！

第一部分

<!-- 题干 -->
    <tr>
     <td width="15%" align="right" >题目内容&nbsp;&nbsp;</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>
        &nbsp;&nbsp;&nbsp;<a href="javascript:deleteImg('taimg')">删除图片</a>
     </td>
    </tr>
    <!-- 题干 -->

 

第二部分

<!-- 选择题 start  -->
    <tr id="txtChoiec">
     <td width="15%" align="right">题目选项&nbsp;&nbsp;
     <br>
     <br>
     <input type="button" value="增加选项" onclick="addTab()">&nbsp;
     </td>
     <td width="75%" align="left" colspan="2">
        <div><input type="radio" name="optionType" value="1" checked="checked" onclick="changeXz(this.value)">单项选题
          &nbsp;<input type="radio" name="optionType" value="2"  onclick="changeXz(this.value)">多项选题&nbsp;&nbsp;&nbsp;&nbsp;
          <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" onclick="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= “ ”  //为空就行。

'就可以了

本人遇到这个问题，并实践上面过程。