Vastzetten in het midden

Hey, ik moet voor mijn website een plaatje precies in het midden aan de onderkant van het beeldscherm vastzetten, heeft een van jullie enig idee hoe dat kan?

Alvast bedankt!
Reinier

position fixed bottom 0px

dat centreren en voila

Rogier schreef:

position fixed bottom 0px

dat centreren en voila

Centreren is
Margin-left:auto;
Margin-right:auto:

Bedankt! Maar ik wil dit plaatje hebben: en dus moet precies het midden van dat plaatje in het midden van je scherm staan. Weet iemand hoe?

background: url(../img/background) no-repeat center top;

Dit zou moeten werken, heb ook zoiets namelijk.

Als ik dit doe:

<div style="background: url(../img/background) no-repeat center top; ">
<IMG SRC="img/onder.png" ALT="Kom snel terug!">
 </div>

werkt het niet

Doe hetzelfde met dat ander plaatje? En dan dat. Divje in het divje van het eerste plaatje.

Jvdw schreef:

Doe hetzelfde met dat ander plaatje? En dan dat. Divje in het divje van het eerste plaatje.

Wat bedoel je precies?

Dat poppetje wilje toch in het midden van dat ander plaatje?

Nee. Ik moet gewoon het midden van dat plaatje in het miden van het beeldscherm hebben. Het midden van dat plaatje is ook dat poppetje.

<img src="img/onder.png" alt="Kom snel terug!" align="center" style="position: fixed; bottom 0px;" />

#plaatje {
Background-image: (img/onder.png)
Background-position: fixed bottom 0px;
Margin-left:auto;
Margin-right:auto;
}

dat was de css en doe dit nu bij html:

Werkt allebei niet.

position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    background: url(plaatje.png) no-repeat bottom center;

Zo dan misschien?

#afbeelding {
     background-image: (img/onder.png)
     background-position: fixed bottom 0px;
     width:{hoebreedt je image is}px;
     height:{hoehoeg je image is}px;
     margin-left:auto;
     margin-right:auto;
}