✔ Doppel-Hintergrund sozusagen.

lisali

lisali

Erfahrenes Mitglied
Hallo,

ich möchte gerne eine etwa 1100+ pixelgroße Hintergrundgrafik mittig zentrieren. Dahinter sollte dann noch eine Hintergrundgrafik sein, die jedoch als Raster dient - wenn ich mich bei der Bezeichnung mit dem Wort Raster jetzt nicht täusche. Also, eine Hintergrundgrafik, die sich ständig wiederholt und nicht so groß und nicht so hoch ist, wie die Grafik davor.

Das Ziel ist es eigentlich, dass die Hintergrundgrafik (die ganz vordere bzw. erste) später in Verbindung mit normalen Grafikdateien gebracht werden kann. Das heißt, der Hintergrund soll auf jeden Fall mittig zentriert sein, aber ich möchte trotzdem, dass die Texte und Grafikdateien in korrekter Position sind, sodass sie zur Hintergrundgrafik passen.

Und das ganze möchte ich realisieren und würde mich deshalb über Vorschläge zur Realisierung freuen.
 
Die zu wiederholende Raster-Grafik erhält das <body>-Element, oder ein <div>-Element, und weiteres nachfolgendes <div> als dessen Kindelement die große Grafik als Hintergrund, womit sie sich über den Rasterhintergrund legt.

Entweder stimmst du nun für das vordere DIV mittels width seine Breite auf die Grafikdatei ab, um es mit margin:auto im Dokument / Fenster horizontal zentrieren zu können, oder positionierst sein Hintergrundbild per background-position:center top "mittig oben" im Anzeigebereich.

Wo ist das Problem? :confused:
 
Zuletzt bearbeitet:
Gegenüber meinem skizzierten Konzept von eben, ist die weitaus bequemere Möglichkeit der "Multiple backgrounds with CSS3" (hier kann ein HTML-Element mehrere Hintergrundbilder besitzen) technisch leider noch nicht in allen Browsern ausgereift :(
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück