拉伸表格的寬度以適應網頁瀏覽器

我已經搜索了很長時間的互聯網試圖解決我的問題。我有一張桌子，裏面放着我的整個網站，並希望它能適應用戶的網頁瀏覽器大小。這裏是所有網站的代碼：拉伸表格的寬度以適應網頁瀏覽器

<body> 

<table width="100%" border="0"> 
    <tr> 
    <td width="525" rowspan="2"><img src="My Images/Speaker.png" width="525" height="772"    
ondragstart="return false" /> 
    </td> 

    <td width="697" height="16"> 
    *Flash Video Here* 
    </td> 
    </tr> 
    <tr> 
    <td><img src="My Images/Vymil.jpg" width="822" height="597" ondragstart="return false"/></td> 
    </tr> 
</table> 

</body> 
</html>

任何有用的解決方案將不勝感激。

來源

2011-01-09 Techn0guy

以百分比給出寬度<table>和<TD>標記。這將根據瀏覽器窗口大小進行設置。在<table>和適當比例給予100％至每<TD>

來源

2011-01-09 04:54:53

感謝所有的快速反應，我試了上述2，仍然沒有運氣。 Harry Joy我知道這是一個可能的解決方案，我不想深入瞭解百分比，想知道是否有一個更簡單的解決方案來使標籤由於父表格調整大小而自動調整大小 – Techn0guy 2011-01-09 05:08:43

@ Tech0guy：沒有如果你給沒有百分比的大小，依賴於父母。所有瀏覽器尺寸都是一樣的。 – 2011-01-09 05:14:46

<style type="text/css"> 
* 
{ 
    margin: 0px; 
    padding: 0px; 
} 
html, body 
{ 
    height: 100%; 
} 
</style> 
<table style="width:100%;height:100%;"> 
<!-- content --> 
</table>

這將確保您的表將延伸到瀏覽器的大小。

http://jsfiddle.net/L9wMU/

來源

2011-01-09 04:57:21

我爲您添加了一個測試頁面，以顯示代碼的外觀。 – 2011-01-09 05:33:29

我很驚訝的是，已經有三個答案對這個問題！
那麼，首先這個人標記dreamweaver這個問題，在src中使用My Images並使用表！這意味着他需要的真正幫助實際上是學習HTML和CSS的基礎知識！

我的建議是嘗試搜索資源以瞭解基礎知識，如果找不到，請在此處索要！這聽起來怎麼樣？ :-)

而對於你們（誰回答）甚至將td寬度改爲百分比也不能解決他的問題，因爲img s會伸展到他們的全部寬度！所以它會是〜2044px！這比大多數屏幕分辨率更寬！

來源

2011-01-09 05:13:36 ifaour

拉伸表格的寬度以適應網頁瀏覽器

回答

相關問題