Fabian Steiner: Verlaufshintergrundbilder

Hallo!

Ich will auf meiner Homepage, dass am oberen Rand des Browser sich eine Hintergundgrafik befindet die nach rechts hin immer heller wird. Das ist  mit Adobe Photoshop auch kein Problem, aber man muss ja immer die Höhe und Breite des Bildes angeben. Aber wie soll man das machen, wenn man die Bildschirmauflösung des Nutzers nicht kenne? Wenn ich jetzt meine Grafik 1000px lang mache, dann hört diese bei einem User mit 1600px Auflösung ja schon vielzu früh auf!? Gibt es dazu irgendeinen Trick?

Grüße,

Fabian

  1. Hi Fabian,

    dazu gibt es leider keinen Trick. Man kann mit Javascript zwar die Auflösung eines Benutzers ermitteln und entsprechend dieser ein anderes Bild einbinden, was jedoch eine ziemlich wacklige loesung ist.
    Die wohl interessantere alternative ist es, der gesamten homepage eine feste breite zu geben (z.B. ca. 760 Pixel, dann lauefts auf 800x600 noch ohne horizontalen scrollbalken).

    mfg
    Philipp

    1. Dann werd' ich das wohl so machen müssen :(

      Grüße,

      Fabian

  2. Hallo Fabian Steiner,

    Ich will auf meiner Homepage, dass am oberen Rand des Browser sich eine Hintergundgrafik befindet die nach rechts hin immer heller wird. Das ist  mit Adobe Photoshop auch kein Problem, aber man muss ja immer die Höhe und Breite des Bildes angeben. Aber wie soll man das machen, wenn man die Bildschirmauflösung des Nutzers nicht kenne? Wenn ich jetzt meine Grafik 1000px lang mache, dann hört diese bei einem User mit 1600px Auflösung ja schon vielzu früh auf!? Gibt es dazu irgendeinen Trick?

    Wenn es wirklich ganz oben ist dann gibt es eine Möglichkeit. Du machts ein <div id="top"> gibts ihm die gleiche höhe wie das Bild hat. Dort kannst du alles was auf das Bild draufkommt auch reinpacken.

    Dann bindest du dein Bild mittels <img ...> ein. Gibst ihm die breite von 100% und positionierst es absolut bei 0px. Dann musst du noch dafür sorgen dass der z-index passt. Müsste eigentlich in so ziemlich allen Browsern > 4.x funktionieren so weit ich weiß.

    Grüße
    Jeena Paradies

    --
    Bambergs Fasching - nur ein großer (Werbe-)Flop?
    http://jeenaparadies.de/artikel/fasching/
    Jeenas Bannertauschportal; selbstgemacht ;-)
    http://jeenasbannerbude.de
    1. Danke für die Antwort!!

      Weiß vielleicht noch jemand wie man im Photoshop Ecken abrunden kann?!