拉伸表格的宽度以适应网页浏览器

我已经搜索了很长时间的互联网试图解决我的问题。我有一张桌子，里面放着我的整个网站，并希望它能适应用户的网页浏览器大小。这里是所有网站的代码：拉伸表格的宽度以适应网页浏览器

<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

拉伸表格的宽度以适应网页浏览器

回答

相关问题