+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Pozycjonowanie elementów na stronie (/thread-pozycjonowanie-elementow-na-stronie)
Pozycjonowanie elementów na stronie - KRA1986 - 24-10-2009
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ę.
RE: Pozycjonowanie elementów na stronie - sunpietro - 24-10-2009
ja korzystam z margin: auto i ustalam szerokość diva obejmującego grafikę, a nie takiego pozycjonowania absolutnego czy innego
RE: Pozycjonowanie elementów na stronie - wybryknatury - 24-10-2009
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.
RE: Pozycjonowanie elementów na stronie - Labsta.com - 24-10-2009
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;
RE: Pozycjonowanie elementów na stronie - wybryknatury - 24-10-2009
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 :-)
RE: Pozycjonowanie elementów na stronie - Labsta.com - 24-10-2009
Chodziło mi głównie o to:
Kod:
div#tresc img {
position: relative;
top: 10px;
left: 200px;
}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.