Hintergrundgrafik/bild fixieren/anpassen

Serath

Hallo,

ich arbeite momentan an einer Webseite zu Hobbyzwecken und benutze dafür den Zeta Producer 12.5. Als Layout habe ich "Boxes" gewählt.

Zur schöneren Gestaltung meiner Seite möchte ich ein Hintergrundbild einfügen. Wenn ich das Bild jedoch über "Webseite" -> "Layout" -> (Alle Einstellungen anzeigen) -> "Allgemein" -> "Hintergrundgrafik" auswähle und anzeigen lasse, wird es zwar offenbar importiert und angezeigt, allerdings nur für meine Auflösung. (1280x1024)

Ich habe es mir jetzt auf einem größeren Bildschirm anzeigen lassen (1920x1440) und musste feststellen, dass das Bild klein bleibt und dazu noch in der linken, oberen Ecke hängt, während auf der gegenüberliegenden Seite nur ein weiter, abgehakter Bereich ist. Das sieht natürlich nicht schön aus.

Mein Gedanke war, dass das Bild sich schlichtweg der Bildschirmgröße des entsprechenden Bildschirms anpasst, mit welchem die Seite angesehen wird. Alternativ, wenn das nicht geht, dass das Bild zumindest zentral fixiert ist.

Ich würde mich sehr über eine Lösung bzw. auch eine Anleitung freuen. Leider bin ich, was Quellcodes, etc. angeht, nicht sehr bewandert.

Gruß,
Serath

Jochen

Hallo,

also ich würde dir empfehlen (wenn du nicht unbedingt bei dem Layout "Boxes" bleiben willst), auf ein Layout mit dem Zusatz "Responsive" im Layoutnamen zu wechseln.
Da sollte das dann besser funktionieren mit dem Hintergrundbild, und hat nebenbei dann auch noch den Vorteil, das deine Webseite sich dem Gerät anpasst, mit der sie betrachtet wird.

Serath

Hallo Jochen,

erstmal danke für deine Antwort.

Zugegebenermaßen habe ich mich schon sehr auf das Layout "Boxes" fixiert bzw. es sagt mir für den Zweck auch sehr zu.

Man könnte praktisch sagen, bevor ich wechsle, würde ich eher auf den Hintergrund verzichten. Das wäre aber trotzdem schade.

Gibt es denn keine andere Möglichkeit?

Gruß,
Serath

Mario

Hallo,
schau mal HIER

gehe zu Einstellungen > CSS und füge dort folgendes ein:

CSS

<style>
body {
background-position:center;
background-attachment:fixed;
background-size:cover;
}
</style>

Serath

Hallo Mario,

vielen Dank für deine Antwort! Das war die Lösung. :-)) Funktioniert jetzt wunderbar und genau so, wie ich es mir vorgestellt habe.

Gruß,
Serath

Jochen

Hallo Serath,

bitte in Zukunft ruhig ein neues Thema aufmachen, wenn es eine Frage ist, die mit dem Ursprungsthema nichts mehr zu tun hat.
Das dient dann einfach des besseren Übersichtlichkeit hier im Forum. Danke

Dennoch zu deiner Frage: Wenn man nach dieser Anleitung hier vorgeht, dann geht das im Normalfall einwandfrei: Schrift Droid Serie

Hintergrundgrafik/bild fixieren/anpassen

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?