Css, ami működik Firefoxban, de az IE6 utálja
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?
■ 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?
body {
margin: 0;
background-color: #e4f5b2;
font-family: Arial;
}
a:hover {
text-decoration: underline !important;
}
#header {
background-color: #e4f5b2;
width: 760px;
}
#header ul {
margin: 0;
padding: 0;
width: 760px;
height: 20px;
background: #cf7d13 url('img/menu_bg.gif') repeat-x 0 0;
}
#header ul li {
float: left;
background: url('img/menu_sep.gif') no-repeat 100% 50%;
font-size: 10px;
color: #e4f5b2;
height: 20px;
margin: 0;
line-height: 20px; list-style-type:none; padding-left:5px; padding-right:7px; padding-top:0; padding-bottom:0
}
#header ul li a,
#header ul li a:link,
#header ul li a:visited,
#header ul li a:hover,
#header ul li a:active {
color: #e4f5b2;
text-decoration: none;
}
#container {
border-bottom: 1px solid #e86e0f;
background: #dee38a url('img/container_bg.gif') repeat-y 0 0;
width: 760px
}
#sub {
overflow: hidden;
float: right;
width: 220px;
background: #5973ce url('img/right_bg.jpg') no-repeat 0 0;
}
#sub #cim {
padding: 5px 15px 0 15px;
height: 225px;
font-size: 11px;
color: #000;
}
#sub #cim p {
margin: 0 0 3px 0;
}
#sub #aktualitas {
color: #fff;
font-size: 12px;
min-height: 395px;
}
#sub #aktualitas a {
color: #fff;
}
#content {
overflow: hidden;
float: left;
background: url('img/content_bg.jpg') no-repeat 0 0;
width: 540px;
padding-top: 220px; padding-left:0; padding-right:0; padding-bottom:0
}
#content h2 {
background: url('img/content_h2_bg.gif') repeat-y 0 0;
height: 20px;
overflow: hidden;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 20px;
padding-left: 12px;
clear: both; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-right:0; padding-top:0; padding-bottom:0
}
div.kisdoboz {
margin-left: 12px;
float: left;
display: inline;
width: 164px;
background: url('img/kisdoboz_bg.gif') repeat-x 0 0;
min-height: 220px;
font-size: 12px;
color: #000;
overflow: hidden
}
div.kisdoboz h3 {
font-size: 14px;
font-weight: bold;
color: #a63f3a;
margin: 10px 0;
}
div.kisdoboz ul {
margin: 0;
padding: 0;
}
div.kisdoboz li {
margin: 0;
white-space: nowrap;
padding-left: 9px;
background: url('img/kisdoboz_li_bullet.gif') no-repeat 0 50%;; list-style-type:none; padding-right:0; padding-top:0; padding-bottom:0
}
div.kisdoboz li a {
text-decoration: none;
color: #000;
}
#main {
background: url('img/content_main_bg.gif') repeat-x 0 0;
min-height: 126px;
margin: 12px;
font-size: 12px
}
#main_content {
font-size: 12px;
padding: 20px 10px 20px 10px;
}
#main p {
margin: 0 0 10px 0;
}
#footer {
background: url('img/footer_bg.gif') repeat-x 0 0;
height: 36px;
width: 760px;
border-top: 1px solid #e86e0f;
text-align: center;
font-size: 11px;
color: #fff;
line-height: 18px
}
.padding10 {
padding: 10px;
}
.clr {
clear: both;
}
html esetleg
azt már nem is feltételezem, hogy esetleg egy linkkel könnyítenéd meg mindenki dolgát...
Rendbejött
Üdv
Az ilyen topikokat lehetne törölni
Kérésre törlés
Téma kritika