Я делаю сайт, и у меня есть главная страница.Я установил ширину и высоту элементов на главной странице в соответствии с браузером Firefox, поэтому он прекрасно работает, когда я открываю в нем свою страницу, но как только я переключаюсь на Chrome, Opera или IE, страница не помещается полностьюобласть браузера.Страница либо меньше (показывает пробелы), либо больше (получает полосу прокрутки), чем область просмотра браузера, и функционирование очевидно, потому что я жестко запрограммировал ширину и высоту в соответствии с Firefox.Я также знаю, что когда я открываю ту же страницу в Firefox, но на чужом компьютере произойдет какое-то искажение (из-за другого разрешения).
Есть ли у кого-нибудь код javascript / c #, который я могу использовать длядинамически установить размер элемента в соответствии с браузером, в котором он открывается?Ниже приведен HTML-код моей главной страницы.Я выделил код жирным шрифтом, который я установил для Firefox.
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Untitled Page</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<table <b>width="1330"</b> cellspacing="1" cellpadding="1" border="0" align="left">
<tr>
<td width="5" rowspan=2> </td>
<td width="95"> </td>
<td align="center" width="1230"><img src="Images/dset01titleds.gif" width=392 height=63 border=0 alt="Blank Title w/ Drop Shadow"></td>
</tr>
<tr>
<td align="center" valign="top" width="100">
<a href="http://"><img src="Images/dset01b01.gif" width=114 height=30 border=0 alt="Home"></a><br>
<a href="http://"><img src="Images/dset01b02.gif" width=114 height=30 border=0 alt="About Us"></a><br>
<a href="http://"><img src="Images/dset01b03.gif" width=114 height=30 border=0 alt="Products"></a><br>
<a href="http://"><img src="Images/dset01b04.gif" width=114 height=30 border=0 alt="Services"></a><br>
<a href="http://"><img src="Images/dset01b05.gif" width=114 height=30 border=0 alt="Order"></a><br>
<a href="http://"><img src="Images/dset01b06.gif" width=114 height=30 border=0 alt="Contact"></a><br>
<a href="http://"><img src="Images/dset01b07blank.gif" width=114 height=30 border=0 alt="Blank"></a><br>
</td>
<td valign="top" <b>width="1230px" style="height:440px"</b>>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr style="height:10px"><td colspan=3 align=center>bottom of the screen</td></tr>
</table>
</div>
</form>
</body>
</html>