Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css]marginesy,div,
Forum PHP.pl > Forum > Przedszkole
mat11
12.03.2007, 18:34:48
jak zrobić żeby ta strona wyglądała tak samo pod firefox i innymi przeglądarkami jak pod ie 6 ?
czemu w firefox wygląda inaczej ?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style>
  4.  
  5. #content {
  6. width: 520px;
  7. float: right;
  8. background-color:333333;
  9. margin-top:20px;
  10. margin-right:5px;
  11. margin-bottom:20px;
  12. color:white;
  13. font-family: arial, helvetica, sans-serif;
  14. border-left: 2px solid black;
  15. border-top: 2px solid black;
  16. padding-left:10px;
  17. padding-top:10px;
  18. }
  19. #mainNav {
  20. width: 180px;
  21. float: left;
  22. background-color:B40000;
  23. color:white;
  24. font-family: arial, helvetica, sans-serif;
  25. border-bottom: 2px solid black;
  26. border-top: 2px solid black;
  27. }
  28. #footer {
  29. clear: both;
  30. }
  31.  
  32. #wrapper {
  33. width: 760px;  
  34. position: relative;
  35. left: 50%;
  36. margin-left: -380px;
  37. background-color:333333;
  38.  
  39. }
  40. #mainNav {
  41. padding-top: 20px;
  42.  
  43. margin-top:20px;
  44. }
  45.  
  46.  
  47.  
  48. </style>
  49. </head>
  50. <body>
  51. <div id="wrapper">
  52. <div id="branding">
  53. </div>
  54. <div id="content">
  55. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  56. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  57. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  58. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  59. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  60. kldfjgkljdfkkldfjgkljdfklgjldfklgjdfklgkldfjgklj
  61. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  62. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  63. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  64. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  65. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  66. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  67. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  68. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  69. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  70. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  71. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  72. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  73. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  74. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  75. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  76. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  77. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  78. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  79. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjd
    fklgkldfjgklj
  80. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  81. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  82. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  83. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  84. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  85. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  86. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  87. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  88. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  89. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  90. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  91. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  92. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  93. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  94. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  95. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  96. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  97. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  98. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklglgjldfklgjdfklgkldfjgkl
    j
  99. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  100. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  101. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  102. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  103. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  104. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  105. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  106. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  107. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  108. kldfjgkljdfklgjldfklgjdfklgkldfjgklj
  109. dfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkl
    jdfk
  110. lgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdf
    klgjldfklgjdfk
  111. lgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdf
  112. klgkldfjgkljdfklgjldfklgjdfklgkldfjgkljdfklgjldfklgjdfklg
  113. </div>
  114. <div id="mainNav">
  115. <ul>
  116. <li>LINK 1</li>
  117. <li>LINK 1</li>
  118. <li>LINK 1</li>
  119. <li>LINK 1</li>
  120. <li>LINK 1</li>
  121. </ul>
  122. </div>
  123. <div id="footer">
  124. </div>
  125. </div>
  126.  
  127.  
  128. </body>
  129. </html>
[HTML] pobierz, plaintext



i wogóle skąd mam wiedzieć co można w ie a co nie a co w ff ? te błędy z marginami albo paddingami z interpretacją boxów gdzie mam znaleźć ?
JaRoPHP
13.03.2007, 08:05:16
Dowiedzieć wielu informacji możesz się ze stronki: A List Apart.

[EDIT]
Na czym polega różnica w wyświetlaniu pomiędzy FF i IE?
mat11
18.03.2007, 07:55:52
że jest poprzsesuwane, text wystaje na prawą strone, wogóle marginesy wyglądają jakoś inaczej itp.

to napisze ktoś ?
JaRoPHP
18.03.2007, 10:46:56
Pierwsza pomoc: The W3C Markup Validation Service.
Druga pomoc: Usługa Walidacji CSS W3C (wartości kolorów w zapisie szesnastkowym muszą rozpoczynać się haszem "#").

Cytat
text wystaje na prawą strone, wogóle marginesy wyglądają jakoś inaczej itp.
U mnie tekst nie wystaje (Opera 9.0, Firefox 2.0, IE 6.0), a marginesy wyglądają na tyle podobnie, że nie widać różnicy smile.gif.
Mefi
18.03.2007, 14:09:27
Przeczytaj ten artykuł

http://webmade.org/kursy-online/hacki-kurs-css.php
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.