Irgendwie ist es so gut wie unmöglich das zu kombinieren...
<style type="text/css">
#home {
background-image:url(home.jpg); background-repeat:no-repeat;
background-position:center;
background-color:white; height:550px;
background-attachment:fixed; padding:0px;}
</style>
.... javascript.....
<body>
<div id="home" height="733" width="550" style="position:absolute top:550px; width:733px">
<div style="position:absolute; left:px; top:px">
<map name="ImMap2">
<area shape=circle coords="36,36,35" href="javascript:create_func_string(1)" onMouseOver="ball.src='pix/ball2.jpg'" onMouseOut="ball.src='pix/ball1.jpg'">
<area shape=default NOHREF>
</map>
<div id="Content1" class="std" style="position:absolute; left:90px; top:-290px; width:270px; height:370px; z-index:3; visibility: hidden; text-align:left; border-style:solid; border-width:1px" align="center">
<iframe src="fussball.html" width="270" height="370" name="SELFHTML_in_a_box">
Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden Verweis
aufrufen: SELFHTML</p>
</iframe>
</div>
</div>
</body>
</html>
Also mein Ziel ist es, das Hintergrundbild aus div="home" in die Mitte zu kriegen und dass der Ball sich da dran orientiert (also dessen left & top-Pixelangaben), damit es bei höheren Auflösungen nicht verruscht...