2011-05-05 2 views
0

저는 ASP.NET에서 웹 사이트를 디자인 중이며 일부 텍스트, 텍스트 상자 및 유효성 검사기가있는 표를 작성하려고합니다. 문제는 Firefox와 IE에서 표가 다르게 보입니다. ASP.NET에서 테이블 코드 여기ASP.NET을 사용하는 웹 컨트롤 렌더링과 html 테이블 속성의 차이점

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

됩니다 : : 조언에

<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> 

감사합니다,
베드로는 여기에 예입니다. 내가

<table align="center"> 

에 스타일 코드

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

를 제거하면

+0

다르게 보입니까? 둘 다 스크린 샷을 찍을거야? – Ruben

+0

'

'태그의 속성으로'border = "0"'을 (를) 사용해 보셨습니까? –

+1

이것은 ASP.Net과 아무 관련이 없으며 브라우저 간 CSS/디스플레이 문제 일뿐입니다. – cdeszaq

답변

2

그것은 IE, 파이어 폭스와 크롬 같은 보여줍니다. 그래서 당신이 당신의 테이블을 시원하게하고 싶다면 CSS를 시도해보십시오.

2

레이아웃을 위해 테이블을 사용하지 말고, CSS를 사용하십시오. 테이블을 사용해야하는 유일한 시간은 표 형식의 데이터입니다. 여기에서 CSS를 사용하면 이중 테두리를 얻는 border-bottom을 생략 할 수 있습니다.

관련 문제