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">
<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">
<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">
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Treść jest wymagana."
ControlToValidate="TextBoxTresc" ForeColor="Red"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
</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;">
를 제거하면
다르게 보입니까? 둘 다 스크린 샷을 찍을거야? – Ruben
'
이것은 ASP.Net과 아무 관련이 없으며 브라우저 간 CSS/디스플레이 문제 일뿐입니다. – cdeszaq
답변
그것은 IE, 파이어 폭스와 크롬 같은 보여줍니다. 그래서 당신이 당신의 테이블을 시원하게하고 싶다면 CSS를 시도해보십시오.
출처
2011-05-05 18:52:39
레이아웃을 위해 테이블을 사용하지 말고, CSS를 사용하십시오. 테이블을 사용해야하는 유일한 시간은 표 형식의 데이터입니다. 여기에서 CSS를 사용하면 이중 테두리를 얻는 border-bottom을 생략 할 수 있습니다.
출처
2011-05-05 18:55:04 IrishChieftain
관련 문제