HTML/CSS Hintergrund-Problem (erledigt)

[DJPaschi]

Moin,

ich kämpfe mit einem Problem ein Bild als Hintergrund zu verwenden. Das allein ist ja noch kein Problem. Allerdings soll das Hintergrundbild gestreckt werden. Das das allein durch HTML/CSS nicht machbar ist (Außer vielleicht über CSS3).

Dabei bin ich auf eine Idee gestoßen:

<img src="https://www.klamm.de/forum/images/hintergrund.png" style="z-index:-1; position:absolute; left:0px; top:0px; width:100%; height:100%">

Das war für mich die einzige Möglichkeit das Bild zu Strecken. allerdings beschränkt sich die Hintergrundbildstreckung nur auf den sichtbaren Bereich. Sobald ich abwärts scrolle, krieg ich einen weißen Hintergrund.

Hat da irgendjemand ein Tip für mich?

Gruss
DJPaschi

 

[Handymann]

Hi ,

Zeig mal bitte das HG Bild. Ansonsten kannst Du ja auch mit px arbeiten anstatt mit %.

 

[DJPaschi]

das war eine Variante DAS es das hintergrundbild ist ... per z-index in den hintergrund gelegt ... über die background parameter krieg ich das nicht hin das zu Strecken

 

[Handymann]

Wenn man das Bild mal sehen könnte , könnte man mehr drüber sagen.

 

[DJPaschi]

https://guthaben.pmjarosch-solutions.de/test.html hier kann man sehen was ich meine

edit: allerdings funktioniert auch dies anscheind nicht im IE8 sondern nur bisher getestet im FF

 

[Handymann]

Ich würde es so machen.

CSS

body
{
background: url(images/hintergrund.png);
background-color: #347ca2;
background-repeat:repeat-x;
}

Wo bei du jetzt das Hintergrundbild auf 1-2 pixel Breite setzen kannst.
Habe das neue Bild mal angehängt , damit du es sehen kannst , wie ich es meine.

 

[DJPaschi]

danke dafür ... ich hab es jetzt so dass da wo der Verlauf aufhört deine Grafik anfängt ... nicht Perfekt aber mit den Mitteln besser nicht machen

 

[Handymann]

Da hast du dann noch was falsch , das HTML kannst du dann löschen.
Und dein Hintergrundbild kannst du auch komplett löschen , das brauchst du nicht mehr.

Das Hintergrundbild kommt nur noch in der CSS vor , weiter nichts. Nur noch die CSS richtig einbinden und fertig.

 

[DJPaschi]

hab ich grad gesehen ... hatte einen kleinen Fehler im einbau ... ich danke dir

 

[Handymann]

Habe mir gerade den Quelltext angeschaut , so wie es jetzt ist , findet er das Hintergrundbild gar nicht. Es sollte schon der Verlauf kommen.


Du musst auf groß und kleinschreibung achten !

hintergrund.png ist nicht gleich Hintergrund.png

 

[DJPaschi]

moin,

das was du da siehst ist die alte Variante zum testen ... ich hab es bereits in die richtige Seite eingebunden und da auch korrekt trotzdem danke für das noch mal nachschauen