ugrás a tartalomhoz

Css, ami működik Firefoxban, de az IE6 utálja

zend · 2007. Jún. 14. (Cs), 20.26
Sziasztok!

CSS-ben nem vagyok otthon, de kaptam egy eredetileg php-ben íródott -már csak statikus- honlapot és a hozzá tartozó style.css fájlt. Az oldalak html végződést kaptak és a Firefox rendesen meg is jeleníti őket. Az Internet Explorer 6 viszont az egészet széttöri, még a háttér színét sem képes megjeleníteni. Mintha nem is lenne hozzá stíluslap. A style.css-t mellékeltem, segítenétek, hogy mivel van baj?
  1. body {  
  2.     margin: 0;  
  3.     background-color: #e4f5b2;  
  4.     font-family: Arial;  
  5. }  
  6.   
  7. a:hover {  
  8.     text-decoration: underline !important;  
  9. }  
  10.       
  11. #header {  
  12.     background-color: #e4f5b2;  
  13.     width: 760px;  
  14. }  
  15.       
  16.     #header ul {  
  17.         margin: 0;  
  18.         padding: 0;  
  19.         width: 760px;  
  20.         height: 20px;  
  21.         background: #cf7d13 url('img/menu_bg.gif') repeat-x 0 0;  
  22.     }  
  23.       
  24.     #header ul li {  
  25.         float: left;  
  26.         background: url('img/menu_sep.gif') no-repeat 100% 50%;  
  27.         font-size: 10px;  
  28.         color: #e4f5b2;  
  29.         height: 20px;  
  30.         margin: 0;  
  31.         line-height: 20px; list-style-type:none; padding-left:5px; padding-right:7px; padding-top:0; padding-bottom:0  
  32.     }  
  33.       
  34.     #header ul li a,  
  35.     #header ul li a:link,  
  36.     #header ul li a:visited,  
  37.     #header ul li a:hover,  
  38.     #header ul li a:active {  
  39.         color: #e4f5b2;  
  40.         text-decoration: none;  
  41.     }  
  42.   
  43. #container {  
  44.     border-bottom: 1px solid #e86e0f;  
  45.     background: #dee38a url('img/container_bg.gif') repeat-y 0 0;  
  46.     width: 760px  
  47. }  
  48.   
  49. #sub {  
  50.     overflow: hidden;  
  51.     float: right;  
  52.     width: 220px;  
  53.     background: #5973ce url('img/right_bg.jpg') no-repeat 0 0;  
  54. }  
  55.   
  56.     #sub #cim {  
  57.         padding: 5px 15px 0 15px;  
  58.         height: 225px;  
  59.         font-size: 11px;  
  60.         color: #000;  
  61.     }  
  62.   
  63.     #sub #cim p {  
  64.         margin: 0 0 3px 0;  
  65.     }  
  66.   
  67.     #sub #aktualitas {  
  68.         color: #fff;  
  69.         font-size: 12px;  
  70.         min-height: 395px;  
  71.     }  
  72.   
  73.     #sub #aktualitas a {  
  74.         color: #fff;  
  75.     }  
  76.   
  77. #content {  
  78.     overflow: hidden;  
  79.     float: left;  
  80.     background: url('img/content_bg.jpg') no-repeat 0 0;  
  81.     width: 540px;  
  82.     padding-top: 220px; padding-left:0; padding-right:0; padding-bottom:0  
  83. }  
  84.   
  85. #content h2 {  
  86.     background: url('img/content_h2_bg.gif') repeat-y 0 0;  
  87.     height: 20px;  
  88.     overflow: hidden;  
  89.     font-size: 12px;  
  90.     font-weight: bold;  
  91.     color: #fff;  
  92.     line-height: 20px;  
  93.     padding-left: 12px;  
  94.     clear: both; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-right:0; padding-top:0; padding-bottom:0  
  95. }  
  96.   
  97. div.kisdoboz {  
  98.     margin-left: 12px;  
  99.     float: left;  
  100.     display: inline;  
  101.     width: 164px;  
  102.     background: url('img/kisdoboz_bg.gif') repeat-x 0 0;  
  103.     min-height: 220px;  
  104.     font-size: 12px;  
  105.     color: #000;  
  106.     overflow: hidden  
  107. }  
  108.   
  109. div.kisdoboz h3 {  
  110.     font-size: 14px;  
  111.     font-weight: bold;  
  112.     color: #a63f3a;  
  113.     margin: 10px 0;  
  114. }  
  115.   
  116. div.kisdoboz ul {  
  117.     margin: 0;  
  118.     padding: 0;  
  119. }  
  120.   
  121. div.kisdoboz li {  
  122.     margin: 0;  
  123.     white-space: nowrap;  
  124.     padding-left: 9px;  
  125.     background: url('img/kisdoboz_li_bullet.gif') no-repeat 0 50%;; list-style-type:none; padding-right:0; padding-top:0; padding-bottom:0  
  126. }  
  127.   
  128. div.kisdoboz li a {  
  129.     text-decoration: none;  
  130.     color: #000;  
  131. }  
  132.   
  133. #main {  
  134.     background: url('img/content_main_bg.gif') repeat-x 0 0;  
  135.     min-height: 126px;  
  136.     margin: 12px;  
  137.     font-size: 12px  
  138. }  
  139.   
  140. #main_content {  
  141.     font-size: 12px;  
  142.     padding: 20px 10px 20px 10px;  
  143. }  
  144.   
  145. #main p {  
  146.     margin: 0 0 10px 0;   
  147. }  
  148.   
  149. #footer {  
  150.     background: url('img/footer_bg.gif') repeat-x 0 0;  
  151.     height: 36px;  
  152.     width: 760px;  
  153.     border-top: 1px solid #e86e0f;  
  154.     text-align: center;  
  155.     font-size: 11px;  
  156.     color: #fff;  
  157.     line-height: 18px  
  158. }  
  159.   
  160. .padding10 {  
  161.     padding: 10px;  
  162. }  
  163.   
  164. .clr {  
  165.     clear: both;  
  166. }  
‹ JavaScript: hasznos linkek Firefox DIV Display / Hide Textarea bug ›
 ■
1

html esetleg

gex · 2007. Jún. 14. (Cs), 20.32
esetleg html-t is mellékelhetnél, úgy biztos könnyebben rájövünk, hogy mit tör szét az ie6 meg melyik háttérszínt nem tudja megjeleníteni.
azt már nem is feltételezem, hogy esetleg egy linkkel könnyítenéd meg mindenki dolgát...
2

Rendbejött

zend · 2007. Jún. 14. (Cs), 20.56
Köszi a hozzászólást, hála neked ismét átnéztem a html forráskódot és ott a hiba!
Üdv
4

Az ilyen topikokat lehetne törölni

Jano · 2007. Jún. 14. (Cs), 22.21
Kedves topik nyitó nehogy magadra vedd, de az ilyen nulla információjú topikokat lehetne szertintem nyugodtan törölni miután megoldódott a hiba.
5

Kérésre törlés

sly · 2007. Jún. 14. (Cs), 22.50
Ha a témanyitó kijelenti, hogy törölhető a témája akkor ezt meg is szokták tenni az adminok.
3

Téma kritika

sly · 2007. Jún. 14. (Cs), 22.03
Legközelebb ne ekkora kódot küldj, be. Inkább tedd fel netre és a téma szövegében hivatkozz rá.

IE6 utálja
Nem szerencsés megfogalmazás.