asp.netのブラウザと同じ要素のサイズを設定する方法

私はウェブサイトを作っており、その中にはマスターページがあります。 Firefoxのブラウザに合わせてマスターページの要素の幅と高さを設定していますので、ページを開いたときにうまくいきますが、ChromeやOpera、IEに移行すると、ページ全体が表示されませんブラウザ領域。 Firefoxのサイズに合わせて幅と高さをハードコードしているため、ブラウザの表示領域よりも小さい（白いスペースを表示する）か大きい（スクロールバーを表示する）かのどちらかです。私はまた、Firefoxで同じページを開いても、他の誰かのコンピュータでは、（解像度が異なるために）少なくともいくらかの歪みがあることを知っています。asp.netのブラウザと同じ要素のサイズを設定する方法

誰かがそれが開いているブラウザごとに要素のサイズを動的に設定するために使用できる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 width="1330" cellspacing="1" cellpadding="1" border="0" align="left"> 
    <tr> 
     <td width="5" rowspan=2>&nbsp;</td> 
     <td width="95">&nbsp;</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" width="1230px" style="height:440px"> 
      <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>

出典

2011-06-20 samar

は、なぜあなたはあなたのクライアントエリアのスタイルをCSSを使用していませんか？

あなたは要素がすべての利用可能なスペースを使用し得るために

width: 100%; 
height: 100%;

を使用することができます。私はC＃でサーバー側のサイズを計算することをお勧めしません。

出典

2011-06-20 12:39:41

私は、このためにサーバー側のコードを追加するのは良い考えではないことを知っていましたが、そのために追加しました。幅と高さ= 100％は試してみましたが、うまくいきませんでしたが、もう一度試してみます。しかし、JavaScriptは不思議に終わったでしょう。 – samar

もちろん、すべての要素に100％を適用する必要があります。 body - div - table - tr etc ... –

これを試してみましょう.. !! – samar

通常、本体の幅は(Div or table)で、percentまたはpixelに設定する必要があります。 100％（100％）に設定すると、すべてのブラウザのすべてのページが表示されます。メインコンテナをピクセルで設定した場合、920ピクセルはほぼ良好です。コンテナのページの中心には、margin:0px auto CSSプロパティを使用する必要があります。内部要素にはパーセントとピクセルの両方を使用できます。以前はメインコンテナwidthを設定しています。

出典

2012-03-31 19:52:28

asp.netのブラウザと同じ要素のサイズを設定する方法

答えて

関連する問題