6

我已经在互联网上搜索了很长时间试图解决我的问题。我有一张桌子,里面有我的整个网站,并希望它可以拉伸以适应用户的网络浏览器大小。这是该网站的所有代码:

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

任何有用的解决方案将不胜感激。

4

3 回答 3

5

以百分比形式给出宽度<table><TD>标记。这将根据浏览器窗口大小进行设置。给每个人 100%<table>和适当的百分比<TD>

于 2011-01-09T04:54:53.720 回答
1
<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-09T04:57:21.943 回答
0

我很惊讶这个问题已经有了三个答案!
好吧,首先,这个家伙标记了这个问题dreamweaverMy Images在表中使用src和使用表!这意味着他真正需要的帮助实际上是学习 HTML 和 CSS 的基础知识!

我的建议是尝试搜索资源以学习基础知识,如果找不到,请在此处索取!听起来怎么样?:-)

而对于你们(谁回答),即使将 td 宽度更改为百分比也不能解决他的问题,因为imgs 会伸展到它们的全宽!所以它将是〜2044px!这比大多数屏幕分辨率都宽!!

于 2011-01-09T05:13:36.850 回答