2011-05-05 63 views
0

我正在设计一个ASP.NET网站,我想用它构建一些文本,文本框和验证器。问题在于Firefox和IE中的表格看起来不同。这里有一个例子:Web控件呈现和html表格属性之间的区别使用ASP.NET

http://www.freeimagehosting.net/image.php?224860e266.png

下面是ASP.NET中的表码:

<table align="center" cellpadding="0" cellspacing="1" style="text-align: right; border-collapse: separate;"> 
    <tr> 
     <td> 
      Nadawca: 
     </td> 
     <td> 
      <asp:TextBox ID="TextBoxNadawca" runat="server" Width="250px" BorderStyle="none" 
       BackColor="#c1ae85"></asp:TextBox> 
     </td> 
     <td align="left"> 
      &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Nadawca jest wymagany." 
       ControlToValidate="TextBoxNadawca" ForeColor="Red"></asp:RequiredFieldValidator> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Adres e-mail: 
     </td> 
     <td> 
      <asp:TextBox ID="TextBoxMail" runat="server" Width="250px" BorderStyle="none" BackColor="#c1ae85"></asp:TextBox> 
     </td> 
     <td align="left"> 
      &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="E-mail jest wymagany." 
       ControlToValidate="TextBoxMail" ForeColor="Red"></asp:RequiredFieldValidator> 
      <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBoxMail" 
       ErrorMessage="Nieprawidłowy format." ForeColor="Red" Style="position: absolute; 
       top: 589px; left: 632px; width: 160px;" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Temat: 
     </td> 
     <td> 
      <asp:DropDownList ID="DropDownTemat" runat="server" Style="margin-left: 0px;" Width="250px" 
       BorderStyle="none" BackColor="#c1ae85"> 
       <asp:ListItem>Reklama w serwisie</asp:ListItem> 
       <asp:ListItem>Pomysł na rozwój serwisu</asp:ListItem> 
       <asp:ListItem>Chcę zostać moderatorem</asp:ListItem> 
       <asp:ListItem>Prawa autorskie</asp:ListItem> 
       <asp:ListItem>Banicja</asp:ListItem> 
       <asp:ListItem>Błąd na stronie</asp:ListItem> 
       <asp:ListItem>Inne</asp:ListItem> 
      </asp:DropDownList> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Treść: 
     </td> 
     <td> 
      <asp:TextBox ID="TextBoxTresc" runat="server" Height="150px" TextMode="MultiLine" 
       Width="250px" BorderStyle="none" BackColor="#c1ae85"></asp:TextBox> 
     </td> 
     <td align="left"> 
      &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Treść jest wymagana." 
       ControlToValidate="TextBoxTresc" ForeColor="Red"></asp:RequiredFieldValidator> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      &nbsp; 
     </td> 
     <td style="text-align: center;"> 
      <asp:Button ID="Button1" runat="server" Text="Wyślij" OnClick="Button1_Click" Width="250px" 
       BorderStyle="None" BackColor="#c1ae85" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     </td> 
     <td style="text-align: justify"> 
      <br /> 
      <asp:Label ID="Label1" runat="server" Width="250px"></asp:Label> 
     </td> 
    </tr> 
</table> 

谢谢咨询,
彼得。

+0

看起来不同吗?你可能有两个屏幕截图? – Ruben 2011-05-05 18:32:03

+0

您是否尝试过'border =“0”'作为'

'标签的属性? – 2011-05-05 18:47:34

+1

这与ASP.Net无关,只是跨浏览器的CSS /显示问题。 – cdeszaq 2011-05-05 18:49:49

回答

2

当我删除您的样式代码

<table align="center" cellpadding="0" cellspacing="1" style="text-align: right; border-collapse: separate;"> 

<table align="center"> 

它显示了同为IE,Firefox和Chrome。所以,如果你想风格你的表病态建议你尝试CSS

2

不要使用表布局,使用CSS。您应该使用表格的唯一时间是表格数据。通过在这里使用CSS,你可以省略边界 - 底部你得到双边框。

相关问题