Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Divy na Firefoxie
Roguś
post 16.07.2008, 11:21:26
Post #1





Grupa: Zarejestrowani
Postów: 132
Pomógł: 0
Dołączył: 14.12.2006
Skąd: Częstochowa

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


Pisze w imieniu mojego kumpla . Zrobil sobie strone, ale rozlatuje mu sie na firefoxie. Strona: http://kamil-design.pl/strona/index.html

Strona jest w (x)XHTML i CSS, oto kod:

  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3. "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  6. <meta name="Author" content="ApeX" />
  7. <title> STRONA W XHTML'u </title>
  8. <style type="text/css">
  9.  
  10. body {
  11. background-color: #8b8b8b;
  12. margin: 0;
  13. padding: 0;
  14. text-align:center;
  15. }
  16. div {
  17. position:relative;
  18. }
  19. #container {
  20. margin: 0 auto;
  21. padding: 0 0;
  22. position: relative;
  23. width: 700px;
  24. background-color: #ffffff;
  25. text-align: center;
  26. }
  27. #header {
  28. background: #ffffff url(images/top.jpg) no-repeat;
  29. width: 700px;
  30. height: 130px;
  31. background-position: left bottom;
  32. border-bottom: 0px solid #c5c5c5;
  33. }
  34.  
  35.  
  36. }
  37.  
  38. #navcontainer {
  39. width:115px;
  40. float:left;
  41. background-color: transparent;
  42. }
  43.  
  44.  
  45. #nav1 {
  46. text-align: left;
  47. padding-top: 10px;
  48. padding-bottom: 10px;
  49. padding-left: 5px;
  50. }
  51. #nav2 {
  52. text-align: left;
  53. padding-top: 10px;
  54. padding-bottom: 10px;
  55. padding-left: 5px;
  56. }
  57. #navcontainer a{
  58. font-size:11px;
  59. color: black;
  60. text-decoration; underline;
  61. font-family: verdana;
  62. margin: 0 auto;
  63. }
  64.  
  65. a:link(color:black;text-decoration:underline}
  66. a:hover{color:black;text-decoration:none}
  67.  
  68. #menu {
  69. background: url(images/menu.jpg)
  70. width: 134px;
  71. height: 20px ;
  72. font-family: verdana, arial, helvetica, sans-serif;
  73. color: #ffffff;
  74. font-size: 10px;
  75. font-weight: normal;
  76. text-align: center;
  77. }
  78.  
  79.  
  80. #prawo {
  81. width:135px;
  82. float:right;
  83. text-align:left;
  84. }
  85. #srodek-img{
  86. background: url(images/stopka.jpg) no-repeat;
  87. font-family: verdana;
  88. color: #ffffff;
  89. font-size: 10px;
  90. font-weight: normal;
  91. text-align: center;
  92. width:446px;
  93. height:20px;
  94. border-bottom: 0px;
  95. border-top: 0px;
  96. }
  97. #srodek {
  98. width: 446px;
  99. float: left;
  100. border: 1px solid #c5c5c5;
  101. border-bottom: 0px;
  102. border-top: 0px;
  103. }
  104. #stopka{
  105. background: url(images/stopka.jpg)
  106. font-family: verdana;
  107. color: #ffffff;
  108. font-size: 10px;
  109. font-weight: normal;
  110. text-align: center;
  111. width:700px;
  112. height:20px;
  113. clear: both;
  114.  
  115. }
  116.  
  117. </head>
  118. <div id="container">
  119. <div id="header"> </div>
  120. <div id="navcontainer">
  121. <div id="menu">Menu</div>
  122. <div id="nav1">
  123. <a href="#" id="link1">Link1</a><br />
  124. <a href="#" id="link1">Link1</a><br />
  125. <a href="#" id="link1">Link1</a><br />
  126. </div>
  127. <div id="nav2">
  128. <a href="#" id="link1">Link1</a><br />
  129. <a href="#" id="link1">Link1</a><br />
  130. <a href="#" id="link1">Link1</a><br />
  131. </div>
  132. </div>
  133. <div id="srodek-img">Witam na mojej stronie!</div>
  134. <div id="srodek">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus. Vivamus malesuada hendrerit ipsum. Nam at dui eu lectus sollicitudin elementum. Nam egestas pede gravida diam. Ut sagittis dolor in tortor. Mauris euismod dictum massa. Nulla facilisi. Mauris magna.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus. Vivamus malesuada hendrerit ipsum. Nam at dui eu lectus sollicitudin elementum. Nam egestas pede gravida diam. Ut sagittis dolor in tortor. Mauris euismod dictum massa. Nulla facilisi. Mauris magna.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, </div>
  135. <div id="prawo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac</div>
  136. <div id="stopka"> Created by ApeX. Wszelkie prawa zastrzeżone.</div>
  137. </div>
  138. </body>
  139. </html>


Ten post edytował Roguś 16.07.2008, 11:36:29


--------------------
http://www.twojanutka.pl Twoja Nutka - Moja pierwsza stronka
Go to the top of the page
+Quote Post
$ApeX
post 16.07.2008, 11:46:34
Post #2





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 16.07.2008

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


Tym kolegą jestem ja, tak strona wygląda w IE:

http://www.vpx.pl/up/20080716/beztytuu.gif
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 18.09.2019 - 23:20