Andy: Bildgröße an Fenster anpassen

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

  1. Hallo,

    dein Problem ist nur so zu lösen, dass du deine Homepage auflösungsunabhängig und ohne große Bilder gestaltest. Selbst wenn du andere Versionen für andere Auflösungen erstellen könntest, könnte ein Benutzer sein Browserfenster verkleinern, die Bildanzeige deaktivieren usw. Also schreib Text und verwende keine Bilder.

    1. Eine tolle Antwort!
      Noch besser wäre doch "Lass es mit dem Internet!"
      Wie machen es dann die vielen, die schöne Hinergründe ohne Probleme offerieren?

      1. Moin

        Eine tolle Antwort!

        jedenfalls eine sinnvolle

        Noch besser wäre doch "Lass es mit dem Internet!"

        Nu mach mal nicht die Pferde scheu!

        Wie machen es dann die vielen, die schöne Hinergründe ohne Probleme offerieren?

        "ohne Probleme" gehts nur so wie in der von dir kritisierten Antwort.
        Die Betonung bei Hintergrundbildern liegt auf "Hintergrund" - also "für den Seiteninhalt verzichtbar".

        Gruß
        rfb

        --
        Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
        (Galileo Galilei)
        1. hoi,

          danke erst mal für die mehr oder weniger hilfreichen antworten ;)
          wie soll ich denn ohne bilder meine homepage-vorlage einbinden?

          gruß,
          andy

          1. wie soll ich denn ohne bilder meine homepage-vorlage einbinden?

            Du kannst Bilder durchaus zoomen, aber eben nicht als Hintergrund. Wenn du ein img-Tag verwenden willst, kannst du dies mit CSS stylen:
            <img src="..." style="width:100%;"/>

          2. Moin

            das "Homepage-System" ist nun mal textbasiert, mit Grafik-Vorlagen stößt du sehr schnell an enge Grenzen.
            Daher die Ratschläge, die zusammengefasst soviel bedeuten wie: falscher Ansatz, machs nochmal von vorne, diesmal textbasierend, erst den Inhalt dann das Layout.

            Gruß
            rfb

            --
            Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
            (Galileo Galilei)