obrazu w pozycji absolutnej dział

Question

Możliwe Duplikat:
How to make an image center (vertically & horizontally) inside a bigger div

mam div która z położenia bezwzględnego (szerokość/wysokość w 100%). Uwaga, nie px, procenty.
Wewnątrz tego div mam obraz. Jak wyśrodkować ten obraz w tym dziale?

Answer 1

CSS:

/* where margin-left = {img width}/2, and margin-top= {img height}/2 */ 
.bigdiv { 
    width:100%; 
    height:100%; 
    position:absolute; 
} 
.bigdiv img { 
    position:absolute; 
    left:50%; 
    top:50%; 
    margin-left:-10px; 
    margin-top:-10px; 
} 

HTML:

<div class="bigdiv"><img src="eg.png" /></div> 

Można również umieścić swoje margin-left, margin-top poleceń jako styl w znaczniku img zamiast (ponieważ są one unikalne na obraz).