Hintergrundbild vollständig anzeigen

  • ich hab als hintergrund, ein komplettes bild im photoshop gmacht -
    samt rahmen, banner, etc ...
    nun will ich aber, dass das bild komplett erscheint und ich dann darauf die buttons setzen kann...

    das problem is aba, dass er mir den unteren teil abschneidet und
    ich bekomms einfach net hin, dass es ganz da is ...

    so schauts im browser aus
    so sollts aber ausschaun

    beim oberen bild sind halt jetz die buttons schon drauf ..

    ich hab bis jetz versucht, das bild mittels background="......"

    zu machen, dann schauts so aus wie auf dem screen, also der untere rahmen is nicht zu sehn.

    dann hab ichs versucht als img src="....." dann is es zwar ganz da
    aba ich kann die links net AUFS bild setzen....

    derzeiter code: <body bgcolor="#ffffff" LINK="#ffffff" VLINK="#ffffff" ALINK="#ffffff" background="home3.jpg" style="background-repeat: no-repeat; background-attachment: scroll;">

  • die beiden links die du gegeben hast zeigen 2 völlig unterschiedliche bilder... deswegen kann ich dein prob ne verstehen

    mfg

  • Wo siehst du da völlig unterschiedliche Bilder?
    Ich hab doch geschrieben, beim oberen Bild, das is, wie es im Browser angezeigt wird, sind bereits die verlinkten Buttons drauf, die hab ich im HTML einzeln eingefügt.
    Das untere Bild ist das hintergrundbild alleine, so sollte es dann auch im Browser aussehen, wo dann noch die Buttons, wie es im oberen bild zu sehen ist drauf kommen.
    Wie man sieht, ist beim unteren Bild, am Ende des Bildes auch ein Streifen, der aber im Browser nicht angezeigt wird.

    Edit: Habs jetz nach einem Tag versuchen endlich hinbekommen ....

    Und zwar hab ichs jetz so gmacht

    <body bgcolor="#ffffff" LINK="#ffffff" VLINK="#ffffff" ALINK="#ffffff" background="home3.jpg" style="min-height:900px; background-repeat: no-repeat; background-attachment: scroll;">

  • Hier kann die Festlegung des Hintergrundes an anderer Stelle Abhilfe schaffen:
    Im Definitionsteil des head etwa so:

    Code
    <style type="text/css">
    <!--
    body {background-image:url(pics/MyPic.JPG); background-attachment:fixed; margin:0mm 0mm;} 
    //-->
    </style>


    Als Festlegung einer variablen, der Bildschirmgroesse des Betrachters angepassten Bildgroesse dienen die Schluesselworte screen.availwidth und screen.availheight. mit deren Hilfe kann man die Bildschirmdaten des Betrachters auslesen und die Seite daran anpassen. Mehr Infos zum Syntax bei SELFHTML:
    Zum Einlesen:
    http://de.selfhtml.org
    http://aktuell.de.selfhtml.org
    Zum Download:
    http://aktuell.de.selfhtml.org/extras/download.shtml
    Gruss Meikel