Fixiertes Hintergrundbild
Robert Andreas Ternes
- html
Hallo!
Ich habe nun bereits mein komplettes Homepagegerüst fertig (http://www.pharao-software.de/beta/) und möchte nun noch folgendes realisieren:
Man kann ja Hintergrundbilder einfügen und über den Befehl:
style="background-attachment: fixed"
fixieren, damit auch beim scrollen der Hinterfrund unverändert bleibt.
Das wisst ihr ja, nehme ich mal an ;)
Nun möchte ich folgendes machen:
Da ja viele User andere Auflösungen haben und auch der Bildschirminhalt des Browsers variiert (z.B. wenn man noch die Google Toolbar aktiviert hat etc.), und das BG Bild auf keinen fall gekachelt werden soll, bräuchte ich einen Code, der veranlasst, dass
-ein Bild als Hintergrund fixiert wird
-dieses Hintergrundbild in der linken unteren Ecke des Browsers fixiert bleibt und
-nicht gekachelt wird
Damit es dann so aussieht, als ob egal ob man runter scrollt oder nicht immer unten links das eine Bild ist.
Wie gesagt nicht gekachelt.
Ich hoffe, dass dies möglich ist, da ich ansonsten dieses feature weglassen muss :(
Mit Tabellen und so kann ich nichts mehr machen, dass schon alles "vollgeplant ist". Es bleibt nur noch die Möglichkeit, den Hintergrundbefehl der ganzen Seite zu verwenden.
Aber wie mache ich das, damit oben beschriebenes zutrifft?
Hallo Robert Andreas Ternes,
Nun möchte ich folgendes machen:
-ein Bild als Hintergrund fixiert wird
Die entsprechende Eigenschaft hast du ja schon.
-dieses Hintergrundbild in der linken unteren Ecke des Browsers fixiert bleibt
Siehe http://www.w3.org/TR/CSS2/colors.html#propdef-background-position
-nicht gekachelt wird
Siehe http://www.w3.org/TR/CSS2/colors.html#propdef-background-repeat
Grüße
Torsten
Hallo!
Danke für dir Links! Im Moment blicke ich da noch nicht ganz durch - vielleicht wenn ich mich einige Zeit damit befasse ;)
Wärest du so freundlich mir den fertigen Code zu sagen, der alle genannten Eigenschaften enthält? Wäre wirklich freundlich von dir.
Wenn nicht macht es auch nichts...
MfG
Robert Ternes
hi,
Wärest du so freundlich mir den fertigen Code zu sagen, der alle genannten Eigenschaften enthält?
nein komm, das kriegst du an hand der links wirklich selber raus ...
gruss,
wahsaga
Hallo!
Danke für eure Hilfe!
Nach etwas "rumprobieren" hab ich es gestern in 5min geschafft. -Mit der englischen Seite, da der Beitrag mit der deutschen Erklärung nun doch etwas verspätet eingetroffen ist bzw. ich nicht merh hier nachgeschaut hatte.
Also, vielen vieln Dank an euch alle! Ich muss sagen, für das erste mal, dass ich hier ne Frage stelle wurde sie relativ schnell beantwortet: da können sich einige Support Teams einer Firma ein Beispiel dran nehmen ;)
Hallo Torsten, Robert,
nur, weil für einige manchmal deutsch doch verständlicher ist. ;)
Siehe http://www.w3.org/TR/CSS2/colors.html#propdef-background-position
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_position
Siehe http://www.w3.org/TR/CSS2/colors.html#propdef-background-repeat
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_repeat
Tim
Hallo Tim,
nur, weil für einige manchmal deutsch doch verständlicher ist. ;)
Siehe http://www.w3.org/TR/CSS2/colors.html#propdef-background-position
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_position
Oh, du hast schon recht, aber im Ausgangsproblem kommt es auf die Kombination der Angaben an, also für den Fall des OP "background-position:bottom left". Dass die Werte derart kombiniert werden können, steht so (noch) nicht in Selfhtml.
Siehe http://www.w3.org/TR/CSS2/colors.html#propdef-background-repeat
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_repeat
In diesem, und nur in diesem Punkt, gebe ich mich - wenn auch nur ausnahmsweise - geschlagen ;-))
Grüße
Torsten