剃刀视图和asp.net mvc中的样式表3

我在我的视图中呈现了四张表格。其中三个表是部分视图。该视图是这样的：剃刀视图和asp.net mvc中的样式表3

@using (Html.BeginForm()) 
{ 
    <div id="drawForm"> 
    @Html.Partial("_PartialHeader") 
    @Html.Partial("_PartialDrawing") 
    <table border="1"> 
    @for (int i = 0; i < 4; i++) 
     { 
      <tr> 
       <td>@(i+1)</td> 
       @Html.Partial("_PartialDropDown") 
      </tr> 
     } 
    </table> 
    @Html.Partial("_PartialFooter") 
    </div> 
    <button type="submit">Save</button> 
}

这是_PartialHeader视图：

<table border="1"> 
    <tr> 
     <td> 
      Logo drawing here 
     </td> 
    </tr> 
</table>

这是_PartialDrawing：

<table border="1"> 
    <tr> 
     <td> 
      <img src="@Url.Content("~/Content/MachineDrawing.png")" alt="Logo" /> 
     </td> 
    </tr> 
</table>

和_PartialFooter：

<table border="1" > 
    <tr> 
     <td> 
      First sign 
     </td> 
     <td> 
      Sexond sign 
     </td> 
    </tr> 
</table>

只有_PartialDropDown不是一个表本身。它看起来像这样：

<td> 
    Type 1 
</td> 
<td> 
    <select name="YesNoNotApplicable"> 
     <option>Yes</option> 
     <option>No</option> 
     <option>Not Applicable</option> 
    </select> 
</td> 
<td> 
    Edit field if No is chosen 
</td>

所以基本上是在mozila会发生什么，当我向上和向下滚动我得到这个Scroll Up：

TableUp

而且这里的时候，我Scroll down：

enter image description here

其他出现的边界消失。我在IE8中测试过，我没有遇到这个问题。我使用的CSS的是这样的：

table { 
    border-collapse: collapse; 
    width: 686px; 
    margin: 0px 1px 20px 1px; 
} 
td { 
    height: 55px; 
}

和所有的表都呈现它有这个CSS附加div标签里：那么，为什么和

#drawForm 
{ 
    margin: 0 auto; 
    width: 690px; 
    height: 800px; 
    padding-top: 2px; 

}

我怎样才能解决这个问题？

来源

2013-05-07 Leron

您可以尝试删除边框塌陷，边距和填充...仅用于尝试 – 2013-05-07 09:35:35

尝试添加
以便表格的边框不会折叠？ – 2013-05-07 16:45:54

所以我找到了两种方法应该根据案件工作。我认为更优雅的方式是我在某个论坛上阅读的解决方案。这是说，加入<thead>和to the tables fix this issue. Other people were confirming that this solution works, however in my case it did not so instead I styled my table with border-spacing：0px;`。这是一种解决方法，但如果没有其他工作，结果是可以接受的。

来源

2013-05-09 09:39:03 Leron

在''之前缺少一个“\”。 – BCdotWEB 2018-02-15 14:52:54

剃刀视图和asp.net mvc中的样式表3

回答

相关问题