Kann man einen solchen Hintergrund mit HTML/CSS erstellen?

  • hallo liebe community!
    bin total eingefroren in der materie.
    ich habe jetzt mal testweise dieses layout mit einem webtool erstellt, wie kann ich sowas mit html/css machen?im
    immer wenn ich es versuche, stretcht der header nicht über die gesamte seite.
    text soll auch unterm header durchscrollen und der hintergrund fix sein.
    http://i.4cdn.org/gd/1443209324756.png

  • Nicht nur in der Materie eingefroren, sondern deine Großmachtaste und dein Link zum Problem oder einem Bild, alles eingefroren.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  • Hallo

    Deine Angaben sind leider nicht sehr aussagekräftig.

    Zitat

    wie kann ich sowas mit html/css machen?

    Dazu fehlen leider noch einige Angaben. Wie soll sich die Grafik bei hochkanten Fenstern verhalten, zum Beispiel bei Smartphones oder Tablets? Wenn sie das ganze Fenster ausfüllt wird der Papagei doch arg verzerrt.

    Zitat

    ich habe jetzt mal testweise dieses layout mit einem webtool erstellt

    Mit welchem Webtool? Nur als Grafik?

    Zitat

    stretcht der header nicht über die gesamte seite

    Du musst ihm 100% Breite geben und das padding und margin vom body auf 0 setzen. Hintergrund: Der Body wird von den Browsern standardmäßig mit etwas margin ausgeliefert. Die Vorgabe vom padding sollte zwar bereits 0 sein, aber es gibt Webtools die von sich aus padding vergeben.

    Natürlich darf der header sich auch nicht in weiteren Containern befinden, die weniger als 100% Breite haben.

    Zitat

    text soll auch unterm header durchscrollen

    Dann muss der header mittels "position: absolute" oder "position: fixed" aus dem Textfluss genommen werden und der restliche Inhalt benötigt einen Abstand nach oben (margin-top) in Höhe des headers.

    Zitat

    der hintergrund fix sein

    Meinst du das Bild mit dem Papageien? Das geschieht mittels CSS "background-position" und "background-attachment", siehe zum Beispiel

    http://wiki.selfhtml.org/wiki/CSS/Eigen…ben_und_-bilder

    Der Bitte meiner Vorschreiber Groß- und Kleinschreibung zu verwenden kann ich mich nur anschließen. Texte nur mit kleinen oder großen Buchstaben sind einfach schwerer zu lesen. Deshalb gilt das in Foren als unhöflich. Wie würdest du dich fühlen wenn du jemandem helfen willst und der dich unhöflich und arrogant behandelt?

    Gruss

    MrMurphy

    2 Mal editiert, zuletzt von MrMurphy (26. September 2015 um 07:15)

  • Um nochmal die Eingangsfrage zu nehmen...

    Zitat

    Kann man einen solchen Hintergrund mit HTML/CSS erstellen?

    ...ist die Frage, was ist mit erstellen gemeint. Wenn die Grafik generiert werden soll, so könnte ich mir das nur als SVG vorstellen. Der Quellcode wäre aber wohl schon etwas aufgebläht, wegen der vielen Details.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.