Internet Explorer中的流体高度

时间:2010-06-21 21:21:16

标签: html

我一直试图在调整浏览器窗口大小时调整图像大小。除了Internet Explorer之外,它适用于所有人。我被要求在没有外部表格的情况下这样做。

<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%; margin:0; padding:0;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tidsaxel</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="dstyle.css" rel="stylesheet" type="text/css" />
</head>

<body  style="height: 100%; margin:0;">

<table cellpadding="10" height="100%" width="100%" style="margin:0;">
<tr>
  <td rowspan="20" height="100%" style="margin:0;">
  <img src="pil.png" height="100%" width="48" />
  </td>
  <td class="Rubrik">Tidsaxel för krav, program, granskning och beslut</td>
</tr>
<tr>
  <td>Sverige satsar på utveckling av kärnkraft  (1945). Kärnavfallet betraktas inte som något problem.</td>
</tr>
And then it goes on with 20 more rows, I don't think it's nessessary to print them all.
</body>
</html>

图片开始时甚至不占据100%的高度,当我调整窗口大小时,它会变得更小。有没有办法来解决这个问题?我已经读过可以使用javascript,但我还没有找到解决方案。我试过IE 7和IE 8。

1 个答案:

答案 0 :(得分:0)

在表格中,设置cellpadding="0" cellspacing="0"。但这也会影响内容区域。您可能希望使用DIV来设计网站。

您可能想要查看CSS解决方案:

<style type="text/css">
  body {
    background-image:url(background.png);
    background-repeat:repeat-y;
  }
</style>