Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] IE ma problem :)
Forum PHP.pl > Forum > Przedszkole
Wieczny
11.03.2009, 20:37:23
http://www.activeimpulse.pl/webmaster/# - << tutaj jest strona i zależy mi aby to śmigało pod IE też ;/

KOD HTML
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  4. <meta name="description" content="Clanpage using webSPELL 4 CMS">
  5. <meta name="author" content="webspell.org">
  6. <meta name="keywords" content="webspell, webspell4, clan, cms">
  7. <meta name="copyright" content="Copyright Š 2005 by webspell.org" />
  8. <meta name="generator" content="webSPELL" />
  9.  
  10. <!-- Head & Title include -->
  11. <title><? echo PAGETITLE; ?></title>
  12. <link href="_stylesheet.css" rel="stylesheet" type="text/css">
  13.  
  14.  
  15. </head>
  16.  
  17. <body>
  18.  
  19.   <div id='main'>
  20.  
  21.       <div id='left'>&nbsp;</div>
  22.  
  23.        <div id='center'>
  24.         <div id='head'>
  25.          <div id='kont'>
  26.           <div id="menu">
  27.        <ul class="b1a"><a href="#"><img src="images/layout-_08.gif" border='0' alt="0" /></a></ul> 
  28.        <ul class="b2a"><a href="#"></a></ul> 
  29.        <ul class="b3a"><a href="#"></a></ul> 
  30.        <ul class="b4a"><a href="#"></a></ul> 
  31.        <ul class="b5a"><a href="#"></a></ul> 
  32.        <ul class="b6a"><a href="#"></a></ul> 
  33.        <ul class="b7a"><a href="#"></a></ul>
  34.         <div id='menu2'>&nbsp;</div>
  35.         </div>
  36.  
  37.         </div>
  38.         </div>
  39.  
  40.         <div id='site'>
  41.           <div id='value'>
  42.       <div id='leftmenu'>
  43.       <div class='p'><img src='images/layout-_29.gif' />OSTATNIE DEMA</div>
  44.  
  45.      <div class='p'><img src='images/layout-_67.gif' />OSTATNIE SUKCESY</div>
  46.  
  47.      <div class='p'><img src='images/layout-_72.gif' />COVARGE</div>
  48.  
  49.      <div class='p'><img src='images/layout-_77.gif' />POLECAMY</div>
  50.  
  51.      <div class='p'><img src='images/layout-_82.gif' />STATY</div>
  52.  
  53.      <div style='height: 100%; background-image: url(images/layout-_90.gif);'><img src='images/layout-_88.gif'></div>
  54.       </div>
  55.           <div id='search'><img src='images/layout-_30.gif' /></div>
  56.           </div>
  57.         </div>
  58.  
  59.        </div>
  60.  
  61.       <div id='right'>&nbsp;</div>
  62.  
  63.   </div>
  64.  
  65.  
  66. </body>
  67. </html>
[HTML] pobierz, plaintext

oraz kod CSS
[HTML] pobierz, plaintext 
  1. body{
  2.      background-image: url(images/bg.jpg);
  3.      margin-top: 0px;
  4.      margin-bottom: 0px;
  5.      text-align: center;
  6. }
  7.  
  8. #main{
  9.       width: 937px;
  10.       height: 100%;
  11.       margin-right: auto;
  12.       margin-left: auto; 
  13. }
  14.  
  15. #left{
  16.       width: 31px;
  17.       height: 100%;
  18.       float: left;
  19.       overflow: hidden;
  20.       background-image: url(images/layout_04.gif);
  21.       background-repeat: repeat-y;
  22. }
  23.  
  24. #center{
  25. 	      width: 875px;
  26. 	      height: 100%;
  27. 	      float: left;
  28. 	      overflow: hidden;
  29. }
  30.  
  31. #head{
  32.       position: relative;
  33.       float: left;
  34.       background-image: url(images/logo.gif);
  35.       background-repeat: repeat-y;
  36.       height: 169px;
  37.       width: 875px;
  38. }
  39. #kont{
  40.   padding-left: 13px;
  41.     position:relative;
  42. }
  43. #menu ul{
  44.   display: inline;
  45.   float: left;
  46.   padding: 130px 0px 0px 4px;
  47.   margin: 0px 0px 0px 0px;
  48.   position:relative;
  49. }
  50. #menu2{
  51.   float: left;
  52.   clear: both;
  53.     position:relative;
  54.   background-image: url(images/layout-_26.gif);
  55.   background-repeat: no-repeat;
  56.  margin-left: 4px;
  57.  
  58.   height: 10px;
  59.   width: 875px;
  60. }
  61.  
  62. #site{
  63.       background-image: url(images/layout-_117.GIF);
  64.       width: 875px;
  65.       height: 100%;
  66.       overflow: hidden;
  67.       float: left;
  68. }
  69.  
  70. #value{
  71.        background-image: url(images/layout-_118.GIF);
  72. 	     background-repeat: no-repeat;
  73. 	     position: relative;
  74. 	     width: 875px;
  75.        height: 100%;
  76.        overflow: hidden;
  77.        float: left;
  78. }
  79. #leftmenu{
  80.        background-image: url(images/layout-_90.gif);
  81.        background-repeat: repeat-y;
  82.        position: relative;
  83.        float: left;
  84.        height: 100%;
  85.        width: 197px;
  86.        margin-top: 2px;
  87.        margin-left: 15px;
  88.  
  89. }
  90. #search{
  91.   float: left;
  92.   text-align: left;
  93.   overflow: hidden;
  94.   width: 640px;
  95.   height: 24px;
  96.   margin-left: 5px;
  97.   background-image: url(images/layout-_31.gif);
  98. }
  99. #right{
  100.        width: 31px;
  101.        height: 100%;
  102.        float: right;
  103.        overflow: hidden;
  104.        background-image: url(images/layout_05.gif);
  105.        background-repeat: repeat-y;
  106. }
  107. .p{
  108. margin: 0px;
  109.  
  110. width: 197px;
  111.  
  112. text-align: left;
  113. background-image: url(images/layout-_64.gif);
  114.  
  115. }
  116. .b2a {
  117.   height: 28px;
  118.   width: 117px;
  119. }
  120.  
  121. .b2a a:link,.b2a a:visited, .b2a a:active {
  122.   display:inline;
  123.   padding-left: 3px;
  124.   background: url(images/layout-_10.gif) no-repeat;
  125.   height: 28px;
  126.   width: 117px;
  127.   text-decoration: none;
  128.   border: 0;
  129.   float: left;
  130. }
  131.  
  132. .b2a a:hover {
  133.   display:inline;
  134.   padding-left: 3px;
  135.   background: url(images/layout-_99.gif) no-repeat;
  136.   height: 28px;
  137.   width: 117px;
  138. }
  139.  
  140. .b3a {
  141.   height: 28px;
  142.   width: 117px;
  143. }
  144.  
  145. .b3a a:link,.b3a a:visited, .b3a a:active {
  146.   display:inline;
  147.   padding-left: 3px;
  148.   background: url(images/layout-_98.gif) no-repeat;
  149.   height: 28px;
  150.   width: 117px;
  151.   text-decoration: none;
  152.   border: 0;
  153.   float: left;
  154. }
  155.  
  156. .b3a a:hover {
  157.   display:inline;
  158.   padding-left: 3px;
  159.   background: url(images/layout-_21.gif) no-repeat;
  160.   height: 28px;
  161.   width: 117px;
  162. }
  163.  
  164. .b4a {
  165.   height: 28px;
  166.   width: 117px;
  167. }
  168.  
  169. .b4a a:link,.b4a a:visited, .b4a a:active {
  170.   display:inline;
  171.   padding-left: 3px;
  172.   background: url(images/layout-_12.gif) no-repeat;
  173.   height: 28px;
  174.   width: 117px;
  175.   text-decoration: none;
  176.   border: 0;
  177.   float: left;
  178. }
  179.  
  180. .b4a a:hover {
  181.   display:inline;
  182.   padding-left: 3px;
  183.   background: url(images/layout-_94.gif) no-repeat;
  184.   height: 28px;
  185.   width: 117px;
  186. }
  187.  
  188. .b5a {
  189.   height: 28px;
  190.   width: 117px;
  191. }
  192.  
  193. .b5a a:link,.b5a a:visited, .b5a a:active {
  194.   display:inline;
  195.   padding-left: 3px;
  196.   background: url(images/layout-_14.gif) no-repeat;
  197.   height: 28px;
  198.   width: 117px;
  199.   text-decoration: none;
  200.   border: 0;
  201.   float: left;
  202. }
  203.  
  204. .b5a a:hover {
  205.   display:inline;
  206.   padding-left: 3px;
  207.   background: url(images/layout-_95.gif) no-repeat;
  208.   height: 28px;
  209.   width: 117px;
  210. }
  211.  
  212. .b6a {
  213.   height: 28px;
  214.   width: 117px;
  215. }
  216.  
  217. .b6a a:link,.b6a a:visited, .b6a a:active {
  218.   display:inline;
  219.   padding-left: 3px;
  220.   background: url(images/layout-_16.gif) no-repeat;
  221.   height: 28px;
  222.   width: 117px;
  223.   text-decoration: none;
  224.   border: 0;
  225.   float: left;
  226. }
  227.  
  228. .b6a a:hover {
  229.   display:inline;
  230.   padding-left: 3px;
  231.   background: url(images/layout-_96.gif) no-repeat;
  232.   height: 28px;
  233.   width: 117px;
  234. }
  235.  
  236. .b7a {
  237.   height: 28px;
  238.   width: 117px;
  239. }
  240.  
  241. .b7a a:link,.b7a a:visited, .b7a a:active {
  242.   display:inline;
  243.   padding-left: 3px;
  244.   background: url(images/layout-_18.gif) no-repeat;
  245.   height: 28px;
  246.   width: 117px;
  247.   text-decoration: none;
  248.   border: 0;
  249.   float: left;
  250. }
  251.  
  252. .b7a a:hover {
  253.   display:inline;
  254.   padding-left: 3px;
  255.   background: url(images/layout-_97.gif) no-repeat;
  256.   height: 28px;
  257.   width: 117px;
  258. }
  259.  
  260. .b8a a.current{
  261.  
  262.   height: 23px;
  263.   width: 46px;
  264.   float: right;
  265.   position: relative;
  266. }
  267.  
  268. .b8a a:link,.b8a a:visited, .b8a a:active {
  269.   display:inline;
  270.   background: url(images/layout-_114.gif) no-repeat;
  271.   height: 23px;
  272.   width: 46px;
  273.   text-decoration: none;
  274.   border: 0;
  275.   float: right;
  276. }
  277.  
  278. .b8a a:hover {
  279.   display:inline;
  280.   background: url(images/layout-_110.gif) no-repeat;
  281.   height: 23px;
  282.   width: 46px;
  283.   float: right;
  284. }
  285.  
  286. .b9a a.current{
  287.   height: 22px;
  288.   width: 70px;
  289.   float: right;
  290.   position: relative;
  291. }
  292.  
  293. .b9a a:link,.b9a a:visited, .b9a a:active {
  294.   display:inline;
  295.   background: url(images/layout-_112.gif) no-repeat;
  296.   height: 22px;
  297.   width: 70px;
  298.   text-decoration: none;
  299.   border: 0;
  300.   float: right;
  301. }
  302.  
  303. .b9a a:hover {
  304.   display:inline;
  305.   background: url(images/layout-_111.gif) no-repeat;
  306.   height: 22px;
  307.   width: 70px;
  308.   float: right;
  309. }
  310.  
  311. .b10a {
  312.   height: 22px;
  313.   width: 58px;
  314.   float: right;
  315.   position: relative;
  316. }
  317.  
  318. .b10a a:link,.b10a a:visited, .b10a a:active {
  319.   display:inline;
  320.   background: url(images/layout-_113.gif) no-repeat;
  321.   height: 22px;
  322.   width: 58px;
  323.   text-decoration: none;
  324.   border: 0;
  325.   float: right;
  326. }
  327.  
  328. .b10a a:hover{
  329.   display:inline;
  330.   background: url(images/layout-_109.gif) no-repeat;
  331.   height: 22px;
  332.   width: 58px;
  333.   float: right;
  334. }
  335.  
  336. .b11a {
  337.   height: 22px;
  338.   width: 46px;
  339.   float: right;
  340.   position: relative;
  341. }
  342.  
  343. .b11a a:link,.b11a a:visited, .b11a a:active {
  344.   display:inline;
  345.   background: url(images/layout-_106.gif) no-repeat;
  346.   height: 22px;
  347.   width: 46px;
  348.   text-decoration: none;
  349.   border: 0;
  350.   float: right;
  351. }
  352.  
  353. .b11a a:hover {
  354.   display:inline;
  355.   background: url(images/layout-_53.gif) no-repeat;
  356.   height: 22px;
  357.   width: 46px;
  358.   float: right;
  359. }
  360.  
  361. .b12a {
  362.   height: 22px;
  363.   width: 70px;
  364.   float: right;
  365.   position: relative;
  366. }
  367.  
  368. .b12a a:link,.b12a a:visited, .b12a a:active {
  369.   display:inline;
  370.   background: url(images/layout-_107.gif) no-repeat;
  371.   height: 22px;
  372.   width: 70px;
  373.   text-decoration: none;
  374.   border: 0;
  375.   float: right;
  376. }
  377.  
  378. .b12a a:hover {
  379.   display:inline;
  380.   background: url(images/layout-_54.gif) no-repeat;
  381.   height: 22px;
  382.   width: 70px;
  383.   float: right;
  384. }
  385.  
  386. .b13a {
  387.   height: 22px;
  388.   width: 59px;
  389.   float: right;
  390.   position: relative;
  391. }
  392.  
  393. .b13a a:link,.b13a a:visited, .b13a a:active {
  394.   display:inline;
  395.   background: url(images/layout-_108.gif) no-repeat;
  396.   height: 22px;
  397.   width: 59px;
  398.   text-decoration: none;
  399.   border: 0;
  400.   float: right;
  401. }
  402.  
  403. .b13a a:hover {
  404.   display:inline;
  405.   background: url(images/layout-_55.gif) no-repeat;
  406.   height: 22px;
  407.   width: 59px;
  408.   float: right;
  409. }
[HTML] pobierz, plaintext
webdice
12.03.2009, 20:08:19
Kolejny raz piszesz po kilka razy te same tematy. Dostajesz ostrzeżenie i moderacje postów na dwa tygodnie.
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.