Klaus: Hintergrundbild immer maximieren ??

Hallo
ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !

Ist das überhaupt möglich ?

  1. Hallo Klaus,

    ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
    Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !
    Ist das überhaupt möglich ?

    mit HTML bestimmt nicht, mit DHTML vielleicht (per JS Größe des
    Anzeigebereiches abfragen und Bild dementsprechend anpassen ...)
    Aber ich rate Dir davon auf jeden Fall ab, es ist sehr viel Arbeit,
    funktioniert nur in einigen wenigen Browsern und das Resultat sieht
    mit Sicherheit besch... aus, weil die Browser das Bild einfach nicht
    sauber skalieren werden.

    Viele Grüße aus Dresden,
    Stefan Einspender

  2. ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
    Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !

    <IMG src="irgendwas.gif" width=100% height=100% style="position:absolute;left:0px;top:0px">
    TextTextText...

    müsste eigentlich funktionieren. Der Text sollte dann über dem Bild angezeigt werden.

    Robert

    1. hallo,

      <IMG src="irgendwas.gif" width=100% height=100% style="position:absolute;left:0px;top:0px">
      TextTextText...

      müsste eigentlich funktionieren.

      teste es bitte mit Netscape 4.x

      grüße
      thomas

  3. hallo,

    ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
    Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !

    in etwas so wird es gehen:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
     <title>Untitled</title>
       <style type="text/css">
    #background {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1;
    }
    #content {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:9;
    }

    </style>
    </head>

    <body>
    <div id="background">
    <img src="hintergrund.jpg" width="100%" height="100%" alt="" border="0">
    </div>
    <div id="content">
    inhalt der  seite
    </div>

    </body>
    </html>

    grüße
    thomas