[CSS] Środkowanie obrazka w divie Opcje

[pspgor]

Witam. Potrzebuję wyśrodkować obrazek w divie w pionie i poziomie. Mam na razie takie coś:

[HTML] pobierz, plaintext 
#product #image {
	width: 166px;
	float: left;
	position:absolute;
	height: 139px;
	border: 1px #ff0000 solid;
}
#product img {
	max-width: 166px;
	top:50%;
	left: 25%;
	height: 100px;
	margin:-50px 0 0 0;
	position:absolute;
	border: 1px #415769 solid;
}
[HTML] pobierz, plaintext 

W efekcie otrzymuje takie coś:



Siedzę z tym dłuższą chwilę i nie potrafię sobie z tym poradzić.
Pozdrawiam.

[by_ikar]

używasz pozycjonowania absolutnego wcale go nie rozumiejąc. Polecam ci najpierw poczytać o pozycjonowaniu absolutnym a dopiero potem co kolwiek z tym robić, bo w obecnej formie, próbujesz wypozycjonować element względem elementu pozycjonowanego absolutnie. Chyba że masz jakiś nadrzędny element który jest pozycjonowany relatywnie a poprostu tego w kodzie nie pokazałeś.. Zamiast pozycjonować absolutnie, nadaj temu obrazkowi auto margines.

[pspgor]

Element nadrzędny

[HTML] pobierz, plaintext 
#product {
	width: 666px;
	min-height: 139px;
	border: 1px #d5d5d5 solid;
	display:block;  margin:0 auto;
	float: left;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
[HTML] pobierz, plaintext 

ok poszło.

zmieniłem na:

[HTML] pobierz, plaintext 
#product img {
	max-width: 166px;
	top:50%;
	height: 100px;
	margin:-50px 0 0 0;
	position: relative;
	border: 1px #415769 solid;
}
[HTML] pobierz, plaintext 

Ten post edytował pspgor 3.02.2012, 18:12:09

[toaspzoo]

[CSS] pobierz, plaintext 
position:relative
[CSS] pobierz, plaintext 

[CSS] pobierz, plaintext 
position:absolute
[CSS] pobierz, plaintext 

// wyklucz raczej, tylko jeżeli div jest w komórce tabeli...

[CSS] pobierz, plaintext 
top: px_od_gory px;
left: px_od_lewej px;
[CSS] pobierz, plaintext 

[CSS] pobierz, plaintext 
vertical-align: center;
horizontal-align:center;
[CSS] pobierz, plaintext