2012-01-23 172 views
1

我的桌子的高度調整100%我有一個表,邊框寬度爲1如何在所有屏幕分辨率

我如何可以調整所有的屏幕分辨率的高度爲100%? 或者使用jQuery,我該如何動態改變桌面高度?

我在Web應用程序中新的

請幫助?...

拉傑什

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<title></title> 
</head> 

<script src="./Scripts/jquery-1.4.1.js" type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('#SprImg').attr("height", jQuery(window).height()); 
}); 
</script> 

<body> 

<table id="Table1" cellpadding="0" cellspacing="0" runat ="server" width="100%" border="0" align="left"> 
    <tr> 
      <td id="LeftPane" align="left" valign="top" width="175" runat="server" ></td> 
      <td id="RightPane" align="left" width="*.*" runat="server" valign="top"> 
      <img id="SprImg" src="./Image/login.gif" alt="" /> 

      </td> 
    </tr> 
</table> 

+0

你可以顯示你正在使用和描述的代碼(也許甚至用嘲弄的屏幕截圖)你試圖實現什麼?這個問題並不清楚。 – David

+0

有什麼想法?...... –

回答

5

您可以使用一個技巧,使這一點。將img放在您的table的某個位置,該位置從上到下需要一整列,這是不可見的。然後載入,將此圖像高度更改爲文檔高度,然後強制表格佔據此高度。

jQuery(document).ready(function() { 
    jQuery('#SprImg').attr("height", jQuery(window).height()); 
}); 

和圖像,即1x1像素透明GIF

<img id="SprImg" src="/images/spacer.gif" width="1" height="1" alt="" /> 

將它放在從上到下的列內的某個位置。現在,您可以綁定窗口更改大小,以便在用戶調整瀏覽器大小的情況下不斷將圖像高度更改爲窗口高度。

整頁。

<!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> 
    <title></title> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 

    <script> 
    jQuery(document).ready(function() { 
     jQuery('#SprImg').attr("height", jQuery(window).height()); 
    }); 
    </script> 

</head> 
<body> 

<table id="Table1" cellpadding="0" cellspacing="0" runat ="server" width="100%" border="1" align="left"> 
    <tr>    
     <td id="LeftPane" align="left" valign="top" width="175" runat="server"> 
      test text 
     </td> 
     <td id="RightPane" align="left" width="*.*" runat="server" valign="top"> 
      <img id="SprImg" src="/img/ui/spacer.gif" width="1" height="1" alt="" /> 
     </td> 
    </tr> 
</table> 

</body> 
</html> 
+0

謝謝你的迴應.. –

+0

@RajeshAbraham不客氣,歡迎來到stackoverflow。在這裏,你不需要尋求幫助,或者要求「任何想法」幽默地說很多謝謝。感謝您的投票並接受正確的答案。如果他們知道的話,他們會幫助他們,如果你提出了一個很好的問題。 :) – Aristos

+0

嗨Aristos。它不會增加圖像。我發佈了代碼。你能檢查它嗎? –