Andy: Bildgröße an Fenster anpassen

Beitrag lesen

Hallo,

habe folgendes Problem:
Habe ein Bild als Homepage-Vorlage gemacht, welches aber nur für meine Bildschirmauflösung (1280x1024) geeignet ist.

Bei größerer Auflösung (z.B.:1024x768 oder 800x600) wird der Teil des Bildes, der nicht ins Fenster passt, einfach abgeschniten.
Das will ich vermeiden.

Habe ein bisschen gegooglet und bin zu folgendem Ergebnis gekommen:

<style type="text/css">
  <!--

* { margin: 0;
    padding: 0;}

/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{ width: 100%;
            height: 100%;
            overflow: hidden;}

//-->
</style>

</head>

<body>
<img src="hp_vorlage.gif" width="100%" height="100%">

Das Problem hier ist, dass die Vorlage als Bild und nicht als Hintergrund eingebunden wird...

Verwende ich <body background="hp_vorlage.gif" width="100%" height="100%">
oder
<body background="hp_vorlage.gif">
habe ich wieder das selbe Problem  wie anfangs.

Vielleicht könnt ihr mir ja weiter helfen...
Danke im vorraus.

Andy