Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Strona przy innej rozdzielczości wyrównuje do prawej
Duvel
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 25.03.2009

Ostrzeżenie: (0%)
-----

Witam.
Jestem raczkujący w sprawach CSS, i stąd mogą się tu pojawić głupie dla was pytania.
Liczę na wyrozumiałość, i proszę o pomoc w paru kwestiach.

Otóż, kod pisałem pod rozdzielczością 1600x1050, i na tej rozdzielczości wszystko wygląda ładnie, i tak jak trzeba.
Problem pojawia się przy zmianie rozdzielczości, całość zachowuje oryginalny układ elementów, jednak strona / całość / body wyrównuje do prawej strony ekranu, i to w takim stopniu, że potrzebny jest scroll, do przewinięcia strony.

Bez zbędnej paplaniny, strona jest stroną startową / główną, składającą się tylko z elementów i odnośników graficznych.
Może lepiej będzie jak zaprezentuje kod, a wy wskażecie mi błędy i naprowadzicie na odpowiedni trop, celem nie robienia takich błędów w przyszłości.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  5. <title>Martwa Materia</title>
  6. <style type="text/css">
  7. body
  8. {
  9.    background-color: #000000;
  10.    color: #000000;
  11.    margin: auto;
  12.  
  13. }
  14.  
  15. a
  16. {
  17.    color: #000000;
  18. }
  19. a:visited
  20. {
  21.    color: #000000;
  22. }
  23. a:active
  24. {
  25.    color: #000000;
  26. }
  27.  
  28. DIV.home
  29. {
  30. position:absolute; 
  31. top:200px;
  32. left:350px;
  33. width:180px;
  34.  
  35. }
  36. DIV.blog
  37. {
  38. position:absolute; 
  39. top:305px;
  40. left:340px;
  41. width:180px;
  42.  
  43. }
  44. DIV.omnie
  45. {
  46. position:absolute; 
  47. top:405px;
  48. left:340px;
  49. width:180px;
  50. }
  51. DIV.top
  52. {
  53. position:absolute;
  54. top:0px;
  55. left:307px;
  56. width:500px;
  57. }
  58. DIV.center
  59. {
  60. position:absolute;
  61. top:94px;
  62. left:500px;
  63. width:500px;
  64. }
  65. DIV.bottom
  66. {
  67. position:absolute;
  68. top:700px;
  69. left:400px;
  70. width:500px;
  71. }
  72.  
  73. </style>
  74. </head>
  75. <body>
  76.  
  77. <div class="top">
  78. <img src="images/daszek.jpg" border="0" alt="">
  79. </div>
  80. <div class="center">
  81. <img src="images/index_04.jpg" border="0" alt="">
  82. </div>
  83.  
  84. <div class="home">
  85. <a href="home.html"><img src="images/index_03.jpg" border="0" alt=""></a>
  86. </div>
  87.  
  88. <div class="blog">
  89. <a href="blog.html"><img src="images/index_06.jpg" border="0" alt=""></a>
  90. </div>
  91.  
  92. <div class="omnie">
  93. <a href="omnie.html"><img src="images/index_08.png" border="0" alt=""></a>
  94. </div>
  95.  
  96. <div class="bottom">
  97. <img src="images/index_11.jpg" border="0" alt="">
  98. <img src="images/index_12.jpg" border="0" alt="">
  99. </div>
  100.  
  101.  
  102. </body>
  103. </html>
[HTML] pobierz, plaintext


Tak wiem, kod zapewne jest toporny, mało funkcjonalny, czy dziwny, ale tutaj pojawia się 'n00bostwo', siedzę w tym zaledwie parę dni.

Proszę o pomoc, jest to sprawa poniekąd pilna.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

Pozycje elementów określa się za pomocą atrybutów: position (który występuje zawsze) oraz left, right, top, bottom (mogą być określone, ale nie wszystkie muszą). Ty zaś do pozycjonowania elementów używasz marginesów, wobec czego nie potrzebujesz nigdzie pisać position: relative;, czy position: absolute;. Tak na dobrą sprawę całość można zrobić dużo łatwiej (bez tylu div-ów). Za rozciąganie okna przeglądarki odpowiada width: 1300px;. Mimo wszystko całość jeszcze w tych czasach dopasowywałbym do szerokości 1024px (a z uwzględnieniem scroll-a pionowego we wszystkich przeglądarkach do 970px - bezpieczna wielkość). Nie jest to najlepszy kod, a w sumie to sprawdź, czy działa pod wszystkimi przeglądarkami. Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie
- Duvel   [CSS][HTML]Strona przy innej rozdzielczości wyrównuje do prawej   31.03.2010, 19:50:01
- - mortus   Strona zachowuje się tak jak powinna, wszystko mas...   31.03.2010, 21:01:36
- - thek   Zrób to tak... Weż sobie stwórz kontener z ustawio...   31.03.2010, 21:19:18
- - emtiej   stwórz nowy identyfikator, który obejmie wszystko ...   31.03.2010, 22:07:08
- - Duvel   Tworzenie nowych kontenerów nie działa, najwyraźni...   1.04.2010, 08:32:57
- - thek   A zwróciłeś uwagę, na to co napisałem? Dałeś temu ...   1.04.2010, 09:22:55
- - Duvel   Ok, przepisałem kod od nowa, z użyciem boksów. Wyg...   1.04.2010, 11:40:39
- - mortus   Pozycje elementów określa się za pomocą atrybutów:...   1.04.2010, 12:01:39

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 29.12.2025 - 15:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn