Kleines CSS-Positionierungsproblem...

Hallo, guten Abend!

Darf ich bitte kurz um Rat fragen?

Ich habe auf meiner Seite eine Risskannte am unteren Bildschirmende,
die immer mitscrollt. Mein CSS dafür sieht folgendermaßen aus:

a#risskannte
{
bottom: 0px;
right: 0px;
position: fixed;
background-color: transparent;
background-image: URL(http://www.test.url/risskante.gif);
background-repeat: no-repeat;
background-attachment: scroll;
display: block;
height: 60px;
width: 1004px;
}

Allerdings ist es nun so, dass die Grafik immer rechts unten festklebt,
was natürlich bei anderen Bildschirmauflösungen doof aussieht. Hat bitte
jemand Idee, was ich abändern muss, damit die Grafik immer ganz unten
in der Bilschirmmitte angezeigt wird?

Dann siehts nämlich bei jeder Bildschirmauflösung korrekt aus.

Ich muss mit Sicherheit hier was basteln:

bottom: 0px;
right: 0px;

Und bestimmt prozentual, damit sich das immer an die jeweilige
Bildschirmauflösung anpasst. Bisher sind meine Experimente aber
gescheitert. Das und ähnliches hab ich schon versucht:

bottom: 0px;
center: 100pt;

Aber das klappte irgendwie nicht. Bitte, weiß jemand, wie ich das
modifizieren muss...? Da wäre ich sehr dankbar für.

Alles Gute
Herr Nack

Hallo Olaf! Hmm nee, das isses net.

Was fürne schwere Geburt schon wieder, echt hey...

Jetzt hab ichs so und so funktionierts tatsächlich:

a#risskannte
{
bottom: 0%;
left: 50%;
position: fixed;
background-color: transparent;
background-image: URL(http://www.testurl.de/risskannte.gif);
background-attachment: scroll;
background-repeat: no-repeat;
height: 60px;
width: 1004px;
margin-left: -502px;
}

Das funzt tatsächlich mit jeder Bildschirmauflösung. Warum nur? :-D

Ich meine, eigentlich müsste dieses margin mit den 502px die
Ansicht in verschiedenen Auflösungen doch versaun? Tuts aber
gar net? Eigenartig.

Aber trotzdem vieeeeelen Dank!

Alles Gute
Herr Nack

Aber echt hey, bis ich dat wieder gerafft hab :neutral:

Naja also über die Blogbreite solls halt gehen und die is 1004.

Und jetzt check ich auch, warum das mit margin minus 502 funktioniert.
Das 50% setzt die Grafik in die Mitte, allerdings mit dem ersten Pixel der
Grafik, damits dann wirklich mittig ist, muss man den Rest der Grafik quasi
nachziehen, also margin minus (anzahl der pixel der halben Grafik).

So ungefähr, mit meinen spartanischen Kenntnissen ausgedrückt.