Image immer 20px vom unteren Rand fixieren?

[Airvortex]

Hallo ich möchte mein Counterimage so Positionieren das es immer 20px von unteren Rand entfernt steht. Egal wie lang die Seite ist.

Zurzeit ist es genau umgekärt
Das Counterimage ist immer 20px vom Text entfernt.

Hier der CSS Code:

Code: Alles auswählen

#infobox {
position: relative;
margin-top: 20px;
margin-left: 15px;
background-image: url(../images/counter.png);
background-repeat: no-repeat;
height: 96px;
width: 179px;
}

Hat jemand eine Idee wie ich das umsetzen kann?


ps: Ich bin neu hier und weiß nicht ob ich den Link zu meiner Site hier setzen darf?!

[Azra]

Du darfst und es wäre hilfreich

[sejuma]

Gib dem übergeordneten Element von #infobox ein

Code: Alles auswählen

position: relative;

Positioniere hierzu dann #infobox mit

Code: Alles auswählen

position: absolute; bottom: 20px;

[Airvortex]

@ sejuma, hab deinen Tipp versucht umzusetzen, leider positioniert sich dann das Counterimage in der Mitte.

Hier ist der Link:

http://www.casinosearcher.de

[sejuma]

In deinem Fall ist #content2 maßgeblich als Bezug.
Gib #content2 ein

Code: Alles auswählen

position: relative;

Entferne bei .menubox das position: relative;
Und dann

Code: Alles auswählen

#infobox {
position: absolute;
bottom: 20px;
margin-left: 15px;
background-image: url(../images/counter.png);
background-repeat: no-repeat;
height: 96px;
width: 179px;
}

[Airvortex]

Deine Modifikation hat nur den Effekt dass das Counterimage in der vertikalen Mitte von content2 pasitioniert wird. Es legt sich dabei auch über vorhandenen Text

[sejuma]

Bei mir klappt es so.

[Airvortex]

Schau dir mal folgenden Link an: www.casinosearcher.de/test.php

Dort habe ich das so umgesetzt wie du es mir erklärt hast. Die css Datei heist hier style_haupt_test.css

Dann weißt du was ich meine

[sejuma]

Entferne bei .menubox das position: relative;

[Airvortex]

Supie, dank dir. Jetzt passt´s