Здравствуйте! В локалке из шаблона мастерю мини сайт. Возникла проблема с отображением части фона в ИЕ7/8, ну я как понял во всех ИЕ скорее всего. Если в Опере проявляется градиентом цвет, то в ИЕ8 белый фон.
Я так понял дело в понимании ИЕ7/8 background: url и background-color в temlate.css
Ещё там приписка есть автора шаблона, что сайт типа заточен под убунту.
Прикладываю кодом CSS, может кто знающий определит по опыту в чём может быть дело. Был бы премного благодарен:)
/****************************
Avoid modifying this file.
Put your styles in custom.css
*****************************/
body{
font-family:Helvetica,Arial,Times New Roman, Solaimanlipi,"Shonar Bangla";
background: url(../images/gradient.png)repeat-x #d3caaa;
padding: 0;
margin: 0;
line-height: 1.3em;
}
#am_canvas{
background-color:#fff;
margin:15px auto 0px;
position:relative;
}
#am_wrap{
padding:10px;
}
#logo{
max-width:300px;
margin:0;
float:left;
}
#logo div, #logo p{margin:0;}
#logo img{border:0;}
#logo-right{float:right;}
div#banner{margin:10px;}
#page-border-left {
margin: 0 auto;
padding: 0 0 0 14px;
background-color: transparent;
background-image: url(../images/border-left.png);
background-repeat: repeat-y;
background-position: left;
}
#page-border-right {
margin: 0;
padding: 0 13px 0 0;
background-color: transparent;
background-image: url(../images/border-right.png);
background-repeat: repeat-y;
background-position: right;
}
#leftTop{
background-color: #796646;
position: absolute;
margin:0;
padding:0;
top: 0;
left: 0;
width: 15px;
height: 15px;
background: url(../images/corner-top-left.png) no-repeat top left;
z-index: 6;
}
#leftBot{
background-color: #d3caaa;
width: 49px;
height: 40px;
background-image: url(../images/corner-bottom-left.png);
position: absolute;
bottom: 0;
left: 0;
z-index: 7;
}
#bgTop{
background: url(../images/border-top.png) #796646 repeat-x top;
height: 15px;
}
#bgBot{
background: url("../images/border-bottom.png") #D3CAAA repeat-x center bottom;
height: 40px;
}
#rightTop{
background: url("../images/corner-top-right.png") #796646 no-repeat right top;
height: 15px;
position: absolute;
right: 0;
top: 0;
width: 15px;
z-index: 6;
}
#rightBot{
background-color: #D3CAAA;
background-image: url("../images/corner-bottom-right.png");
bottom: 0;
height: 40px;
position: absolute;
right: 0;
width: 49px;
z-index: 7;
}
/*columns*/
#leftCol{
float:left;
/* width:180px;*/
overflow: hidden;
}
#rightCol{
float:right;
/* width:180px;*/
overflow: hidden;
padding-left: 10px;
}
#mainCol{
display: block;
overflow: hidden;
padding-left: 10px;
padding-right: 5px;
padding-top: 15px;
}
#am_bottom{
margin:-20px auto 0;
}
#bottomMods{
padding:15px;
}
#am_bottom ul{
padding-left:20px;
list-style-type:square;
}
#am_bottom .am_mod_mid{overflow:hidden;}
#am_bottom_wrap{
margin:15px auto 0px;
}
.botUsers{
/* background-color:#fff;*/
float:left;
}
.botUsers .am_mod_wrap{
margin-left:10px;
margin-right:10px;
}
#am_footer{
/* background:#333;*/
color:#fff;
height:20px;
margin:0px auto 15px;
overflow:hidden;
border:0px;
}
#botline{
height:1px;
background-color:#D3CAAA;
}
div.hr{
height:0px;
border-top:1px solid #d2c9a9;
border-bottom:1px solid #a69973;
margin:0 auto 5px;
}
div#copyright{
float:left;
}
div#copyright2{
float:right;
max-width:250px;
overflow:hidden;
bottom:0;
}
div#copyright2 a {color:red;}
#copyright p, #copyright2 p{margin:0;}
.clear{clear:both;}
h1,h2,h3,h4,h5,h6,h7,.componentheading,.contentheading{color: #4F3B14;font-weight: bold;}
a:link, a:visited {
color: #4F3B14;
text-decoration: none;
}
a:hover, a:active, li a.active {
color: #d40000;
outline: none;
text-decoration: none;
}
#leftCol h3,#rightCol h3{
color: #4F3B14;
font-size:110%;
margin-bottom:5px;
}
#am_header{
min-height:100px;
}
/*vertical menu*/
.menu-ver{
list-style-type:none;
padding-left:5px!important;
margin-top:3px;
margin-bottom:3px;
}
.menu-ver li {
line-height:25px;
border-bottom:1px dotted #E6E2C8;
font-weight:400;
width:90%;
font-size:105%;
}
#leftCol ul,#rightCol ul{
padding-left:20px;
/* list-style-type:circle;*/
}
/*horizental menu */
#mainlevel-nav{
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
border-bottom: 1px solid #D6D6D6;
right:0;
top:0;
}
#mainlevel-nav li{
display:inline;
line-height:25px;
margin-right:10px;
padding:0 0 7px 12px;
background:url(../images/bullet.png) no-repeat left 35%;
font-size:105%;
}
/*content style*/
div.componentheading {
background-color:#ebe0ca;
font-style:bold;
padding:5px;
margin-bottom:10px;
border:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.small, .createdate,.modifydate{font-size:90%;color:#777;}
.article_column {padding-right: 5px;}
.column_separator{padding-left:10px;}
/*mdoule styles*/
#form-login fieldset {
border:0;
}
#user1user2{margin-bottom:10px;}
.user1,.user2{float:left;vertical-align:top;}
.user1user2{width:50%;}
.user1 ul,.user2 ul{padding-left:20px;list-style-type:square;}