Hintergrundbild an Tabelle anpassen

@Grunge: Ich glaube Maik will besonders auf diesen Teil der Seite hinweisen.

HTML:
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>
</head>
<body>
<div>
<img id="background" src="rabbit.jpg" alt="" title="" /> 
</div>

Im CSS Abschnitt ist das mit der Größe des Bildes geregelt.

Allerdings sieht das arme Häschen irgendwie verschoben aus. Wenn man die Seite nicht im Vollbild anzeigt, stimmen die Proportionen. Bei Vollbild ist er irgendwie breiter als er sein soll!!
Jo, das ist der relevante Code aus Stus Beispiel :)

Und dass das Bildmotiv (Hase) beim Skalieren der Fenstergröße "verschoben" erscheint, ist letztlich den relativen Breiten- und Höhenangaben für das Grafikelement geschuldet.

mfg Maik
 
Zurück