Question

我已经在网上搜寻了很长时间，试图解决我的问题。我有一个包含我整个网站的表格，并希望它能够扩展以适应用户的网络浏览器大小。以下是该网站的所有代码：

<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>

非常感谢任何有用的解决方案。

Answer 1

在<table>和<TD>标记中为百分比指定宽度。它将根据浏览器窗口大小进行设置。为<table>提供100％，并为每<TD>

提供适当的百分比

Answer 2

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

Answer 3

我很惊讶这个问题已经有三个答案了！好吧，首先，该人使用dreamweaver中的My Images并使用表格标记问题src！这意味着他需要的真正帮助实际上是学习HTML和CSS的基础知识！

我建议尝试搜索资源以学习基础知识，如果找不到，请在此处提出要求！这听起来怎么样？ :-)

对于你们（谁回答），甚至将td宽度更改为百分比也无法解决他的问题，因为img s会伸展到它们的全宽度！所以它会是~2044px！这比大多数屏幕分辨率都要宽!!

拉伸表的宽度以适合Web浏览器

3 个答案: