Home/ Questions/Q 899855
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T15:17:30+00:00

I’ve been trying to make an image resize as you resize the window of

  • 0

I’ve been trying to make an image resize as you resize the window of the browser. It works in all but Internet explorer. I was requested to do this without external sheets.

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

The picture doesn’t even take up 100% of the height to begin with, and when I resize the window it just gets smaller. Is there a way to fix this? I’ve read that it’s possible with javascript, but I haven’t found a solution. It’s IE 7 and IE 8 that I’ve tried on.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In the table, set cellpadding="0" cellspacing="0". But this affects the content area as well. You might want to look into designing your site with DIVs instead.

    You might want to look into a CSS solution:

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