我一直试图在调整浏览器窗口大小时调整图像大小。除了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。
答案 0 :(得分:0)
在表格中,设置cellpadding="0" cellspacing="0"
。但这也会影响内容区域。您可能希望使用DIV
来设计网站。
您可能想要查看CSS解决方案:
<style type="text/css">
body {
background-image:url(background.png);
background-repeat:repeat-y;
}
</style>