Template erweitern "Image unten rechts gefixt auf der Seite"

[ArTo]

Guten Tag Leute,

ich möchte bei mir auf der Seite ein Image unten rechts fixiert haben so das es immer an der unteren rechten seite bleibt bzw. an der Ecke.

Ich habe mehrere möglichkeiten versucht bei mir klappt es einfach nicht mit dem richtigen code.
Wenn jemand fit von euch ist und mir da ein Tip geben könnte wäre echt klasse.

Mein Template habe ich schon einigermaßen verändert so das es zum Shop passt.
Im Anhang ist mal ein Sample. Oben wie es jetzt ist und das untere wie es ca. aussehen soll!

Hier mal ein Link zur Testpage da könnt ihr den Code einsehen bzw wo ich da anfangen kann.
http://test.jdm-shop.de/

Gruß Arthur


Linkback: http://www.modified-shop.org/forum/index.php?topic=22647.0

[cannewitz]

Hallo Arthur.
Das kannste z.Bsp. so lösen:
In der Index.html einen Bereich anlegen

Code: PHP

1. <div class ="ca12a"></div>

In deiner Stylesheet:

Code: PHP

1. .ca12a {position: fixed;
2. z-index: 0; // oder -1
3. right: 0px;
4. bottom: 0px;
5. width: 110px; height: 110px;
6. background-image: url(img/DeinBild.gif); background-repeat: no-repeat}

Dabei mit z-index probieren ... ich denke -1 oder 0

Gruß.

[ArTo]

Hey,
ok das klappt soweit.

Nun Problem, wenn ich seite breiter oder schmaler mache wandert der BG hin und her genau so wie scrollen nach oben und unten also er soll gefixt da unten an der ecke bleiben!
Habe auch wieder einige befehle versucht aber iwie wenn das eine klappt dann das andere nicht!

Gruß Arthur

[ShishaChris]

Wollte gerade nen Vorschlag Posten und habe orher nochmal in deinem Shop vorbei geschaut und sah, das du es ja jetzt doch hinbekommen hast

Also bei mir bleibt er zumindest beim Scrollen an der selben stelle sitze.

Gruß

[ArTo]

Hey,
bei mir ist das nicht so.
sowohl vertical als auch horizontal verschiebt sich das image immer noch!

[ShishaChris]

Wie gesagt, bei mir is alles fest .. Haste ma deine Chronik von deinem Browser geleert ?

[ArTo]

Jop grad gemacht,
funkt nicht in FF sowie IE
am anfang wo ich das eingefügt habe war es wenigstens beim scrollen fest, verstehe ich nicht !

[ShishaChris]

Komische Sache !!

Habe es jetzt mit Chrome, Internet Explorer und Firefox getestet und bekomme überall das selbe Ergenis, das es gefixd ist.

[ArTo]

vielleicht reden wir an einander vorbei?

Ich will das das Image unten rechts an der Seite ist und mit der seite sich verschiebt wenn ich z.b den Browser schmaler oder breiter mache.
Sollte ich hochscrollen dann muss geht die seite hoch und das image sollte verschwinden weil es ja unten rechts hängt.
Genau so wie breiter oder schmaler, immer an der weißen ecke bleiben!

[cannewitz]

Hallo ArTo.
Damit wird aber der Shop um einiges breiter!

In Index ganz am Ende:

Code: PHP

1. <div class="ca12a"></div>

und in der Stylesheet:

Code: PHP

1. .ca12a {
2.     position: relative;
3.     z-index: -1;
4.         margin-top:-200px; /*diesen Wert anpassen*/
5.     width: 1320px; /*diesen Wert anpassen*/
6.     height: 353px;
7.     background-image: url("http://test.jdm-shop.de/templates/jdm_v1/img/bomb_sample.png");
8.     background-repeat: no-repeat;
9.         background-position: right bottom;
10. }

Gruß.