[erib]

Hej,
detta gäller en bild som skall ligga i botten i webbläsaren och sedan också vara centrerad.
Hur får jag bilden att flyta i mitten istället för att vara "fast vid sin position" när jag förminskar fönstret.
Vertikalt så syns alltid det till vänster i bilden men jag vill att det ska synas i mitten.

Jag vill alltså att bilden oavsett upplösning eller storlek på fönstret ska vara i mitten


Så här ser css-en ut för tillfället:

body {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 60%;
background: #e1a8c3 no-repeat;
}


#img{
width: 1680px;
height: 450px;
background: url(bjorn.jpg) no-repeat;
position: absolute;
bottom: 0;
}

Någon som har ett förslag ?

[najk]

Har du kikat på http://www.456bereastreet.com/lab/cssframes/ du borde kunna använda exemplet fast byta ut footer mot din bild.

[crazzy]

Skippa position absolute och kör detta istället:

display: block;
margin-left: auto;
margin-right: auto;

[KarlRoos]

Ursprungligen postat av crazzy

Skippa position absolute och kör detta istället:

display: block;
margin-left: auto;
margin-right: auto;

Eller bara

display: block;
margin: auto;

så sparar man ett par bytes.