Hamburg: Automatische Anpassung an Browser und Bildschirmgrößen möglich?

Beitrag lesen

Wie kann man die Seite an alle Browser und Bildschirmgrößen automatisch anpassen???
Würde das ohne viel scripte gehen oder sind die doch unentbehrlich?
Ich bitte die Fachkundigen Programmierer hier ihre vorschläge zu posten.

Hier mein Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Anpassung an Browser und Bildschirmgrössen</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="" content="">
<meta name="suchmaschinenworte" content="">
</head>
<body text="#000000" bgcolor="red" link="#FF8000" alink="#FF8000" vlink="#FF8000" scroll="NO" scrolling="no" scrollbarvisable="no">
<table align="center" border="3" bgcolor="#949494" height="150" width="90%" bordercolordark="#7C7C7F" bordercolorlight="#A2A2A2" >
 <tr >
  <td align="center" colspan="90%"><font size="+4" color="#E5E5E5"><i>Wie kann man die Seite an alle Browser und Bildschirmgrößen automatisch anpassen?</i></font></td>
 </tr>
 <tr height="30">
 <td>
 </td>
 </tr>
</table>
<div>
<span style="position: absolute; left: 235; top: 130">
<iframe src="http://de.selfhtml.org/" name="fensterlein" width="724" height="451" scrolling="no"
scrollbarvisable="no" noresize="noresize">
</iframe>
</span>
</div>
<div>
<span style="position: absolute; left: 60; top: 131">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste1.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 176">
<a href="http://www.google.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste2.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 221">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste3.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 266">
<a href="http://www.google.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste4.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 311">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste5.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 356">
<a href="http://www.google.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste6.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 401">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste7.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 446">
<a href="http://www.google.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste8.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 491">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste9.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left: 60; top: 536">
<a href="http://www.google.de" target="fensterlein"><p style="cursor : crosshair"><img src="Taste9.jpg" width="177" height="45" hspace="0" vspace="0" border="0"></p></a></span>

</div>
</body>
</html>