Thema: Hintegrund dynamisch skalieren

Liebe Community

Bin dabei mein erstes, eigenes Template zu beenden. Eine Frage bleibt bisher ungelöst.

Habe ein Hintergrund, das in der Breite 100% des Bildschirms ausfüllt, allerdings in der Höhe nach den 800 Pixeln aufhört. Wie kann ich das noch dymanisch gestalten? Das Problem ist, dass unten rechts ein Footer-Menü ist, dass dann sobald die Fenstergrösse vergrössert wird nicht mehr zu erkennen ist.


Zugegeben, ein absoluter Profi bin ich noch lange nicht, darum bin ich Euch für Eure Tipps und praktischen Lösungen dankbar.

Bin gespannt auf Eure Antworten.

Grüsse aus der Schweiz

Lege die Background-Angaben in den html-Tag. Also:

Code:

body, html {
background-image:url("/templates/template_dk-art/background.jpg");
background-repeat:repeat-x;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
height:100%;
margin:0;
width:auto;
}

Axel

Du musst für den Hintergrund zusätzlich noch eine Farbe definieren. Da das Hintergrundbild einen Farberlauf hat, musst du die Farbe vom unteren Rand des Bildes nehmen. Damit sollte es gehen:

Code:

body {
background-color:#7E7E80;
background-image:url("/templates/template_dk-art/background.jpg");
background-repeat:repeat-x;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
height:100%;
margin:0;
width:auto;
}

Zitat von noul

der zweite Vorschlag mit der Farbe klingt logisch. ist das eine "saubere", übliche Lösung?

Ja, ist es .

Meinen Lösungsvorschlag zur Erklärung:
Der body-Tag wird manchmal nicht exakt bis ans Ende der Site nach unten gezogen. der html-Tag umschließt aber immer die ganze Seite.
Der body-Tag hat oftmals auch links und rechts einige Pixel, die nicht von ihm ausgefüllt werden.
Bei der Überprüfung deiner Seite hatte ich diesen Effekt, weshalb ich dir meine Lösung vorschlug. Wenn die von anka funktioniert, ist aber gut.


Axel