Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Strona się rozjedza
Forum PHP.pl > Forum > Przedszkole
xxdrago
15.11.2011, 16:06:37
Witam, mam stronę w html i przy mojej rozdzielczości się ona nie rozjedza a przy innych tak.

Link: http://reklama-cs.xaa.pl/

HTML:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. 	<link rel="Stylesheet" type="text/css" href="style.css" />
  8. 	<meta name="Description" content="xxx" />
  9. 	<meta name="Keywords" content="xxx" />
  10. 	<title>Reklama serwerów Counter Strike 1.6</title>
  11. </head>
  12. <body>
  13. <div id='logo'></div>
  14. <div id='tlo2'>
  15. <a href="#" class="link"></a>
  16. <a href="#" class="link2"></a>
  17. <a href="#" class="link3"></a>
  18. <a href="#" class="link4"></a>
  19. <a href="#" class="link5"></a>
  20. </div>
  21. <div id='stopka'>
  22. <p style='position:absolute; top: 1140px; left: 230px;'>
  23.     <a href="http://validator.w3.org/check?uri=referer"><img
  24.       src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  25. </p>
  26. <p style='position:absolute; top: 1140px; left: 320px;'>
  27.     <a href="http://jigsaw.w3.org/css-validator/check/referer">
  28.         <img style="border:0;width:88px;height:31px"
  29.             src="http://jigsaw.w3.org/css-validator/images/vcss"
  30.             alt="Poprawny CSS!" />
  31.     </a>
  32. </p>
  33. </div>
  34. </body>
  35. </html>
[HTML] pobierz, plaintext


CSS:
[CSS] pobierz, plaintext 
  1. body {
  2. background-image: url(images/tlo.png);
  3. color: #F0F8FF;
  4. }
  5. #logo {
  6. background: url(images/logo.png) no-repeat; 
  7. overflow:hidden; 
  8. width:764px;
  9. height:163px; 
  10. margin-left: auto;
  11. margin-right: auto;
  12. }
  13. #tlo2 {
  14. background: url(images/tlo2.png) no-repeat; 
  15. overflow:hidden; 
  16. width:849px;
  17. height:960px; 
  18. margin-left: auto;
  19. margin-right: auto;
  20. }
  21. #stopka {
  22. background: url(images/stopka.png) no-repeat; 
  23. overflow:hidden; 
  24. width:916px;
  25. height:72px; 
  26. margin-left: 169px;
  27. }
  28. .link {
  29. position:absolute; top:180px; left:230px;
  30. background: url(images/buttony/glowna.png) no-repeat; 
  31. overflow:hidden; 
  32. width:153px;
  33. height:60px; 
  34. }
  35. .link2 {
  36. position:absolute; top:181px; left:390px;
  37. background: url(images/buttony/naszebannery.png) no-repeat; 
  38. overflow:hidden; 
  39. width:153px;
  40. height:60px; 
  41. }
  42. .link3 {
  43. position:absolute; top:181px; left:545px;
  44. background: url(images/buttony/dodaj.png) no-repeat; 
  45. overflow:hidden; 
  46. width:153px;
  47. height:60px; 
  48. }
  49. .link4 {
  50. position:absolute; top:180px; left:705px;
  51. background: url(images/buttony/kontakt.png) no-repeat; 
  52. overflow:hidden; 
  53. width:153px;
  54. height:60px; 
  55. }
  56. .link5 {
  57. position:absolute; top:180px; left:865px;
  58. background: url(images/buttony/forumsieci.png) no-repeat; 
  59. overflow:hidden; 
  60. width:153px;
  61. height:60px; 
  62. }
[CSS] pobierz, plaintext


Ma ktoś jakiś pomysł czym zastąpić "position"?
Pawel_W
15.11.2011, 16:13:15
pozycjonujesz absolutnie, w tym problem

nie słyszałeś o czymś takim jak centrowanie? smile.gif

pomijam już fakt że przy takiej jakości kodzie buttony w stylu "poprawny xhtml" możesz sobie darować smile.gif
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.