Benni: Hintergrundbild strecken

SELF-Forum

Hintergrundbild strecken

Benni
– Informationen zu den Bewertungsregeln

Hi an alle,
ich würde gerne als Hintergrundbild ein png-Bild (360x360 pixel) als Hintergrund verwenden. Ich will das Bild bloß nicht tausendmal angezeigt kriegen sondern über den Bildschirm strecken (also width="100%" height="100%"). Ich hab mich schon auf den Kopf gestellt aber eine Lösung habe ich noch nicht gefunden, wer kann mir helfen?

Mfg
Benni

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hintergrundbild strecken

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Benni:

    Ich hab mich schon auf den Kopf gestellt

    Das hilft nicht. Der Kopf sollte zu anderem als Sich-Draufstellen benutzt werden.

    Eine Suchmaschine mit den richtigen[tm] Begriffen zu füttern hilft schon eher.

    aber eine Lösung habe ich noch nicht gefunden,

    Wonach hast du gesucht? Wenn du unter „Hintergrundbild strecken“ nicht fündif wirst, bietet sich „Hintergrundbild skalieren“ an.

    wer kann mir helfen?

    Das Archiv. http://forum.de.selfhtml.org/archiv/2008/4/t170150/

    Live long and prosper,
    Gunnar

    --
    Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Hintergrundbild strecken

      Gernot Back
      – Informationen zu den Bewertungsregeln

      Hallo Gunnar,

      Das Archiv. http://forum.de.selfhtml.org/archiv/2008/4/t170150/

      Da steht aber nichts darüber, dass man PNGs als Hintergrundbilder mit dem proprietären AlphaImageLoader und dem Parameter sizingMethod="scale" im IE sehr wohl strecken kann.

      http://msdn.microsoft.com/en-us/library/ms532920(VS.85).aspx

      Gruß Gernot

      --
      Manche Menschen-Männchen möchten Männchen-Menschen!
      super me
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Hintergrundbild strecken

        Benni
        – Informationen zu den Bewertungsregeln

        Danke erstmal, ich hab dadurch alledings ein neues Problem/eine neue Aufgabe, denn es gibt ja keine Probleme. Da steht ja das:

        <!DOCTYPE html
         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

        <html
         xmlns="http://www.w3.org/1999/xhtml"
         xml:lang="und" lang="und"

        <head>
          <title>TEST</title>
          <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
          <style type="text/css">
        html, body
        {
         margin: 0;
         padding: 0;
        }

        #bgImg
        {
         position: absolute;
         width: 100%;
         height: 100%;
        }

        #content
        {
         position: absolute;
         padding: 2em;
        }
          </style>
         </head>

        <body>
          <img id="bgImg" src="TEST.gif" alt="" />
          <div id="content">
           <h1>Lorem ipsum</h1>
           <p>Lorem ipsum dolor sit amet.</p>
          </div>
         </body>
        </html>

        ABER: wenn ich da eine Tabelle einfüge oder auch "nur" Text reinschreibe wird der nur in ca.55% der Breite (grob geschätzt) dargestellt, was mach ich nun?

        Mfg
        Benni

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln