WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Centrerad bild oberoende av upplösning och storlek på fönstret? (https://www.wn.se/forum/showthread.php?t=1037968)

erib 2009-09-14 10:41

Centrerad bild oberoende av upplösning och storlek på fönstret?
 
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 :D ?

najk 2009-09-14 11:07

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

crazzy 2009-09-14 12:41

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

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


KarlRoos 2009-09-14 23:08

Citat:

Ursprungligen postat av crazzy (Inlägg 20321907)
Skippa position absolute och kör detta istället:
Kod:

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


Eller bara
Kod:

display: block;
margin: auto;

så sparar man ett par bytes.


Alla tider är GMT +2. Klockan är nu 07:57.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson