Wolf Sannes: Backgroundbilder auf 100% zerren?

Ich suche nach einer Möglichkeit backgroundimages auf 100 % zu zerren.

über CSS wäre wünschenswert.

Ziel ist es eine optisch anspruchsvolle aber schnelle Seite zu gestalten (bin Grafik-Designer und arbeite inzwischen als Web-Producer), die eine schnelle, unkomplizierte Layout-Umgestaltung zuläßt.

Das ganze ist für meine Privat-Site gedacht, und ich bin einwenig Layout-launisch...
Das macht die Site natürlich auch für die Besucher spannender.

Ich suche schon länger nach einer Lösung, und obwohl es für den Browser keinen großen Aufwand darstellt, hat man diese Möglichkeit beim HTML wohl einfach übersehen. Wie schade!

  1. Kurzer Zwischenstatus:

    Ich habe mich jetzt für eine Layerlösung entschieden.
    Allerdings wäre mir nach wie vor eine CSS-Lösung am liebsten!

    <DIV id="menu1" style="position:absolute; left:0; top:0px; width: 100%; height: 100%; z-index:1;" name="menu1">

    <img src="123.jpg" width="100%" height="100%" alt="" border="0">

    </div>

    <DIV id="menu2" style="position:absolute; left:0; top:0px; width: 100%; height: 100%; z-index:2;" name="menu2">

  2. <anrede form="neutral">Hallo!</anrede>

    Ich suche nach einer Möglichkeit backgroundimages auf 100 % zu zerren. über CSS wäre wünschenswert.

    Geht nicht. Echt nicht.
    (Dein Versuch im 2. Posting von dir wird nicht in allen Browsern funktionieren)

    (bin Grafik-Designer und arbeite inzwischen als Web-Producer), >

    aus Gesetze des Webs:
    §1 Absatz 1: DTP-Publischng ist nicht Web-Publisching
    §1 Absatz 2: Das gilt auch und vor allem für Grafiker.

    Im Klartext: etwas was auf einem Hochglanzprospekt mit Schmuckfarben toll aussieht macht im Web immer eine schlechte Figur.
    Du kannst auch nicht ein grafisches Konzept 1:1 aufs Web übertragen -so weh es auch tut. Da muss du eben Kompromisse eingehen, es sei denn dir sind deine Besucher egal, Hauptsache deine Seite sieht genau so aus wie du sie dir vorgestellt hast.

    Das ganze ist für meine Privat-Site gedacht, und ich bin einwenig Layout-launisch...

    Das ist voll OK, aber leider kümmert das weder die Browser noch die Besucher.

    hat man diese Möglichkeit beim HTML wohl einfach übersehen. Wie schade!

    Hat man nicht. Man wusste schon damals das DTP != Web ist.

    <abrede form="netural">Grüße</abrede>
    <name>Thomas</name>

    1. Vorweg ersteinmal Danke für Deine Antwort.

      <anrede form="neutral">Hallo!</anrede>

      Ich suche nach einer Möglichkeit backgroundimages auf 100 % zu zerren. über CSS wäre wünschenswert.

      Geht nicht. Echt nicht.

      Wirklich schade.

      (Dein Versuch im 2. Posting von dir wird nicht in allen Browsern funktionieren)

      Ich weiß, aber es reicht für die "Großen Browser", wenigstens wenn Sie einigermaßen aktuell sind. Die Site ist für 08/15 User gedacht.
      Ich habe nicht vor ein Forum für Linux- oder Amiga-Anwender einzubauen :))

      (bin Grafik-Designer und arbeite inzwischen als Web-Producer), >

      aus Gesetze des Webs:
      §1 Absatz 1: DTP-Publischng ist nicht Web-Publisching
      §1 Absatz 2: Das gilt auch und vor allem für Grafiker.

      Im Klartext: etwas was auf einem Hochglanzprospekt mit Schmuckfarben toll aussieht macht im Web immer eine schlechte Figur.
      Du kannst auch nicht ein grafisches Konzept 1:1 aufs Web übertragen -so weh es auch tut. Da muss du eben Kompromisse eingehen, es sei denn dir sind deine Besucher egal, Hauptsache deine Seite sieht genau so aus wie du sie dir vorgestellt hast.

      Die Gefahr besteht bei mir Gott-Sei-Dank nicht.
      Beruflich mach ich jetzt nur noch HTML und ärgere mich mit den Layout-Spezies in der Creation herum, die meinen das man alles, was die in Photoshop "gemalt" haben sich auch so umsetzen läßt.

      Ich bin mir der Bedeutung des Wortes "mediengerecht" durchaus bewußt.

      Mediengerecht ist eine Website die schnell und übersichtlich ist.
      Ich achte auf die Ladezeiten sowie eine bedienerfreundliche Navigation.

      Ich möchte auch keinen Prospekt ins Netz stellen, sonderne Website um mich vorzustellen und ab und an mal über meine Hobbies zu berichten!

      Das ganze ist für meine Privat-Site gedacht, und ich bin einwenig Layout-launisch...

      Das ist voll OK, aber leider kümmert das weder die Browser noch die Besucher.

      Das habe ich ehrlich gesagt auch nicht erwartet. *g*

      hat man diese Möglichkeit beim HTML wohl einfach übersehen. Wie schade!

      Hat man nicht. Man wusste schon damals das DTP != Web ist.

      Würde "background" ein eigenständiger Tag sein, dann könnte man die Attribute "widht" und "height" zuweisen.

      Hätte man berücksichtigt, das es sehr sinnvoll sein kann ein kleines (Hintergrund)Bild zu zerren (wie es bei normalen IMGs ja funktioniert), dann hätte man wohl einen anderen Weg eingeschlagen.

      Für mich sieht es einfach so aus, als hätte man es übersehen, bzw. keiner kam auf diese Idee.

      <abrede form="netural">Grüße</abrede>
      <name>Thomas</name>

      mfg,
      Wolf Sannes

      PS: Die Idee den Brief mit pseudo-Tags zu verfassen ist echt ganz nett!

      PPS: Wie ändert man eigentlich den Topic, wenn man antwortet?

      1. Hallo Wolf!

        (Dein Versuch im 2. Posting von dir wird nicht in allen Browsern funktionieren)

        Ich weiß, aber es reicht für die "Großen Browser", wenigstens wenn Sie einigermaßen aktuell sind. Die Site ist für 08/15 User gedacht.
        Ich habe nicht vor ein Forum für Linux- oder Amiga-Anwender einzubauen :))

        »»

        Und ich meinte Netscape. Wenn jemand Javascript ausgeschaltet hat funktioniert auch kein CSS im Netscape.

        PPS: Wie ändert man eigentlich den Topic, wenn man antwortet?

        http://www.teamone.de/selfaktuell/forum/forumsfaq.htm

        Grüße
        Thomas

      2. Hallo,

        Beruflich mach ich jetzt nur noch HTML und ärgere mich mit den
        Layout-Spezies in der Creation herum, die meinen das man alles,
        was die in Photoshop "gemalt" haben sich auch so umsetzen läßt.

        ;-)))) den Luxus habe ich mir bei meiner letzten (untenstehenden) Seite mal gegönnt. Ich habe die gesamte Seite (außer den JS-Anteil natürlich ;-))  in PSP "gemalt", jedes Element auf eine Ebene und dann solange rumgeschoben und verfeinert, bis die ganze Seite fertig als "Bild" war. Und dann einfach "mal schnell" per CSS zusammengeklebt.... natürlich geht das nur bei Ego-Homepageseiten so schön, aber es hat endlich mal wieder richtig Spaß gemacht ;-)))

        Wie man Topic ändert findest Du unter:

        http://www.teamone.de/selfaktuell/forum/forumsfaq_2.htm#a7

        Chräcker

        http://www.chraecker.de/stempel