Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Przedszkole _ [CSS] Divy na Firefoxie

Napisany przez: Rogu¶ 16.07.2008, 11:21:26

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:

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

Napisany przez: $ApeX 16.07.2008, 11:46:34

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

http://www.vpx.pl/up/20080716/beztytuu.gif

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)