Е
сть сайт построенный на Joomla, в котором шапка отображается некорректно, а именно вот так:http://prominvest.kiev.uaПривожу ниже код CSS, своей главной:body, HTML {
margin:0px;
padding:0px;
text-align:center;
background:url(../images/wbg.png) repeat;
font-family:Verdana;
font-size:13px;
}
#wrapper{
width:100%;
min-width:1100px;
height:auto;
background:url(../images/wrapper.png) repeat-x top;
min-height:1100px;
-height:1100px;
}
#wrapper1{
width:100%;
margin:0 auto;
height:405px;
background:url(../images/wrapper1.png) no-repeat top center;
}
#container{
width:1026px;
margin:0 auto;
text-align:left;
}
#header{
height:171px;
width:100%;
}
#header h1 {
margin: 0;
padding: 5px 0;
}
#topmenu{
width:135%;
height:86px;
overflow:hidden;
}
#tableft{
width:18px;
height:38px;
background:url(../images/tableft.png) no-repeat left;
}
#tabright{
width:17px;
height:38px;
background:url(../images/tabright.png) no-repeat left;
}
#tabcenter{
width:991px;
}
#content{
margin:0px auto;
background:url(../images/bge.png) repeat;
width:1006px;
-width:1026px;
padding:5px;
min-height:800px;
-height:800px;
font-size:13px;
}
#content h1 {
margin:0px;
}
#content p {
margin:0px;
padding:5px;
}
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#footer{
width:1026px;
}
#footer p{
margin:0px;
padding:3px;
}
#copy,#copy a{
width:280px;
color:#4e4e4e;
font-size:12px;
}
#logofooter{
width:53px;
height:51px;
background:url(../images/logofooter.png) no-repeat center;
}
#footerphones{
width:580px;
height:auto;
overflow:hidden;
font-weight:bold;
color:#4e4e4e;
font-size:16px;
}
.moduletable_phones{
color:#193c58;
font-family:Verdana;
font-weight:bold;
width:210px;
height:80px;
overflow:hidden;
float:right;
text-valign:middle;
}
#tabcenter a.mainlevel{
display:block;
height:36px;
float:left;
line-height:36px;
color:#3a3a3a;
font-size:16px;
font-weight:bold;
font-familY:Arial;
text-decoration:none;
padding:0 20px;
background:url(../images/rightborder.png) no-repeat right;
}
#tabcenter a#active_menu{
background:url(../images/activebg.png) repeat-x;
border-right:#c7c7c7 1px solid;
border-left:#c7c7c7 1px solid;
color:#f8f8f8;
}
table.contentpaneopen{
width:100%;
font-size:13px;
}
td.contentheading{
background:url(../images/contentheading.png) repeat-x;
padding-left:5px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
}
div#topvm{
width:1016px;
height:36px;
background:url(../images/topvm.png) no-repeat;
}
div#mainvm{
width:986px;
background:url(../images/mainvm.png) repeat-y;
min-height:125px;
-height:125px;
padding:0 10px;
}
div#mainvm h4{
padding:0;
margin:0;
}
div#bottomvm{
width:1016px;
height:77px;
background:url(../images/bottomvm.png) no-repeat;
}
#mainvm a,a.button{
text-decoration:none;
color:#4e4e4e;
font-size:13px;
font-weight:bold;
}
#mainvm a:hover{
color:#426481;
}
#blue{
display:none;
width:1003px;
margin:0 auto;
background:url(../images/2.png) repeat-y;
}
#topblue{
width:1003px;
height:9px;
font-size:0pt;
background:url(../images/1.png) no-repeat;
}
#mainblue{
width:983px;
-width:1003px;
padding:10px;
min-height:237px;
-height:237px;
background:url(../images/3.png) no-repeat bottom;
color:#fff;
font-style:Times New Roman;
font-weight:bold;
font-size:12px;
}
#mainblue a{
font-style:Arial;
font-weight:bold;
font-size:13px;
color:#fff;
font-style:italic;
}
#footerbot{
width:1026px;
height:23px;
background:url(../images/footerbot.png) no-repeat;
}
div#cotirovki{
width:890px;
margin:0 auto;
}
span.sprav{
text-transform:uppercase;
font-weight:bold;
color:#4e4e4e;
font-size:14px;
}
#topkurs,#bottomkurs{
width:350px;
height:11px;
-font-size:0pt;
background:url(../images/topkurs.png) no-repeat;
}
#bottomkurs{
background:url(../images/bottomkurs.png) no-repeat;
}
#mainkurs{
width:350px;
-width:350px;
padding:5px;
height:230px;
background:url(../images/mainkurs.png) repeat-y;
}
span.kurs{
color:#4e4e4e;
font-weight:bold;
}
li{
list-style-position:inside;
}
Прошу Вас помочь, где и какие правки нужно внести в код CSS, что бы исправить некорректность отображения шапки. Сам я этот сайт не делал, а разобраться и поправить надо.