Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Pozycjonowanie
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Razerlow
Witam,
Ostatnio chciałem zrobić coś w stylu bloga i napotkałem na drodze pewien problem z pozycjonowaniem na stronie.
Oto kod:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Strona główna</title>
  5.  
  6. #page
  7. {
  8. background-color:#999999;
  9. }
  10.  
  11. #header {
  12. width: 1024px;
  13. }
  14.  
  15. #header a img {
  16. position: relative;
  17. top: -40;
  18. }
  19.  
  20. #menu {
  21.  
  22. }
  23.  
  24. </head>
  25. <div id="page" align="center">
  26. <div id="header" align="center">
  27. <img src="title2.png" width="1024" height="383"/>
  28. <a><img src="homebtn47.png"/></a>
  29. </div>
  30. </div>
  31. </body>
  32. </html>


Dokładniej chodzi o to, że pozycjonowanie po prostu nie przemieszcza obrazka. Wspomnę jeszcze, że w programie z którego korzystam - Macromedia Dreamveaver 8 - wszystko w podglądzie strony wyświetla się prawidłowo tzn. obrazek jest przesunięty o podaną odległość, a w przeglądarce Mozilla Firefox i IE - obrazek jest w tym samym miejscu co bez pozycjonowania na stronie. Próbowałem już rozwiązać ten problem na wiele sposobów, ale na nic się zdały samodzielne próby naprawienia błedu i przeszukiwanie google.
Jestem dopiero początkującym i liczę na waszą wyrozumiałość.

Z góry dziękuję smile.gif


ROZWIĄZANIE:


W końcu thek podsunął mi rozwiązanie problemu i przepraszam za zbędny temat, ale może się komuś to jeszcze przyda, więc:

Rozwiązaniem w tym przypadku jest po prostu dopisanie przy liczbie "px" smile.gif
Zamisat tak jak w tym przypadku -70 nalerzy wpisać -70px. Proste, ale nie wszyscy od razu zauważą problem i mam nadzieję, że jeżeli ktoś będzie miał podobny problem znajdzie ten temat. wink.gif
thek
-40 CZEGO? pikseli, emów, % ? wink.gif
Razerlow
Dzięki happy.gif
Temat uważam za zamnięty.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.