Zaloguj się

KRA1986 · 24-10-2009, 14:59

Mam taki problem. Przykładowo ustawiam położenie grafiki left="150" top="20" gdy osoba która odwiedza moją stronę ma rozdzielczość 1024x768 - jest OKEJ, natomiast przy większej rozdzielczość położony element jest zbyt blisko lewej strony.
Jak można poradzić sobie z takim zagadnieniem, mam na myśli jak wycentrować tą grafikę.

sunpietro · 24-10-2009, 15:14

ja korzystam z margin: auto i ustalam szerokość diva obejmującego grafikę, a nie takiego pozycjonowania absolutnego czy innego

wybryknatury · 24-10-2009, 17:59

html

Kod:
<body>

<div id="tresc">

<img src="obrazek.jpg"/>

</div>

</body>

css

Kod:
body {

text-align: center; /* IE hax */

} 

div#tresc {

text-align: left;

margin: 0 auto;

width: 500px;

}

div#tresc img {

position: relative;

top: 10px;

left: 200px;

}

zamiast position: relative możesz użyć też marginów, paddingów i innych wymysłów :-) odradzam tylko position: absolute.

**Labsta.com** · 24-10-2009, 18:28

Tak jak napisał Ci sunpietro, wystarczy użyć:

Kod:
margin: 0 auto;

Co do position. Lepiej stosować to jedynie w trudnych przypadkach. Ogólnie posługuj się padding i margin.

wybryknatury nie wprowadzaj go w błąd. position: relative nie jest lepsze od absolute. Samo relative nic nie oznacza. position: relative; wskazuje jedynie rodzica , wg. którego będzie pozycjonowane jego dziecko przez position: relative;

wybryknatury · 24-10-2009, 19:02

gwoli ścisłości

Nie napisałem, że position: relative jest lepsze czy gorsze od absolute. Odradziłem absolute dlatego, że początkującemu łatwo się pogubić, zwłaszcza jeżeli zagnieżdża w sobie wiele bloków i jednocześnie je pozycjonuje. I nie raz zdarzyło mi się, że IE nie rozumiało absolutnego, a relatywne interpretowało poprawnie (czyt: tak jak inne przeglądarki), a przecież chodzi o cross-browser, nie?

Pozdrawiam i życzę miłego dnia :-)

**Labsta.com** · 24-10-2009, 19:48

Chodziło mi głównie o to:

Kod:
div#tresc img {

position: relative;

top: 10px;

left: 200px;

}

i o to, że position: relative; samo w sobie nic nie znaczy i nic nie zmienia, bo działa jedynie w połączeniu z absolute.
Co do + i -, największym minusem jest fakt, że position wyjmuje element z biegu dokumentu, czyli nie rozciągnie rodzica, a element nastepujacy po nim wskoczy pod niego, tak jakby nic tam nie było. Dlatego oczywiście nie polecam to prostych układów.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie