Всем привет! Ктонибуть подскажите пожалусто почему футер лезит вверх в IE7, в FF Opera IE6 IE8 все гуд, а тут такое!
https://70.84.50.154/~wwwmelb/это CSS:
/******************************************************
FRAMEWORK THE BASIC
******************************************************/
* {margin:0; padding:0; outline:0;}
em{ font-style: italic; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
td { vertical-align: top;}
ol li {list-style-position:inside; list-style-type:decimal;}
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { font-variant: normal; }
sup {vertical-align: text-top; }
sub {vertical-align: text-bottom; }
label {cursor: pointer; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: #000; }
label {margin:0 0 0 3px;}
img {border: 0px;}
li{ list-style:none;}
/*** FOR ALL ***/
a {text-decoration:none; color:#EE2D26;}
.cb {clear:both; height:0; margin:0; padding:0; overflow:hidden;}
/******************************************************
TEMPLATE
******************************************************/
html, body {
font:14px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
height:100%;
width:100%;
}
.wrapper {
margin:0 auto 0 auto;
width:1000px;
height:100%;
position:relative;
}
.header .call h2{font-size:20px; color:#ed1c24;}
.logo{
height:106px;
width: 380px;
float:left;
background: url(../images/logo.gif) no-repeat top left;
}
.logo a{
display:block;
height:100px;
width: 350px;
}
.right_top{
float:right;
}
.call{
padding: 20px 0 0 370px;
height: 30px;
width:250px;
background: url(../images/call.gif) no-repeat bottom right;
vertical-align:bottom;
}
/*---------------------------------menu--------------------------------*/
.top_menu{
padding: 23px 0 0;
}
.top_menu ul {
height: 33px;
}
.top_menu ul li{
display:block;
float:left;
margin-right: 10px;
height: 33px;
}
.top_menu ul li a{
display:block;
height:25px;
padding: 8px 8px 0 8px;
color:#00a751;
font-size:14px;
font-weight:bold;
float:left;
text-align:center;
text-decoration:none;
}
.top_menu ul li.active{
background: #00a751 url(../images/menu_active.gif) no-repeat left;
}
.top_menu ul li.active a{
background: url(../images/menu_active_a.gif) no-repeat right;
color: #FFFFFF;
text-decoration:none;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------Content-----------------------------------------*/
.left{
width: 208px;
float:left;
}
.left .moduletable{ padding-bottom: 15px; width:208px;}
.left .moduletable_jform h3{
background: url(../images/jforms.gif) repeat-x left top;
padding:5px;
height:26px;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
}
.left .moduletable_jform{
width:208px;
background: url(../images/bg_jforms.gif) repeat-x left top;
height:250px;
}
.flash{
width:785px;
height:112px;
}
.content{position:relative; }
.right{
float:right;
width: 785px;
line-height:20px;
padding-bottom:60px;
}
.right .article{padding:20px 20px 10px 20px;}
.contentpaneopen h2{
color:#ed1c24;
font-weight:bold;
font-size:24px;
}
.contentpaneopen h3{ font-size:15px; color:#4c4d4e; padding-bottom: 20px;}
/*----------------------------------------------------------------------------*/
/*-------------------------------2module--------------------------------------*/
.module_buttom{
width:745px;
font-size:12px;
line-height:20px;
clear:both;
padding-right:40px;
}
.module_buttom h2{
font-size:17px;
font-weight:bold;
padding:0;
color:#00a751;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 5px;
}
.module_buttom .module{ float:left; width:410px;}
.module_buttom .module_right{ float:right; width:315px; margin-left: 20px;}
.module_buttom .module, .module_buttom .module_right{
height: 92px;
background: url(../images/bg_center_module.gif) repeat-x;
margin-bottom:20px;
}
.module_buttom .module div, .module_buttom .module_right div {background: url(../images/bg_left_module.gif) no-repeat left;}
.module_buttom .module div div, .module_buttom .module_right div div{background: url(../images/bg_right_module.gif) no-repeat right; height:92px;}
.module_buttom .module div div div, .module_buttom .module_right div div div{ padding: 12px 15px 12px 15px; background:none; !important; height: 58px;}
/*----------------------------------------------------------------------------*/
/*----------------------------Footer------------------------------------------*/
.footer{
clear: both; !important;
height: 100px;
background: #c6c8ca;
padding: 20px 0 0 0;
}
.footer ul{ width:auto; height:100px; text-align:center; padding-left:20%;}
.footer ul.menu li {
border-right:1px solid #FFFFFF;
float:left;
padding:0 5px;
}
.footer ul.menu li a{
color:#FFFFFF;
text-decoration:none;
}
.footer ul.menu li a:hover{
text-decoration: underline;
}
А это сам шаблон:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css"/>
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="logo"><a href="index.php"></a></div>
<div class="right_top">
<div class="call">
<jdoc:include type="modules" name="call" />
</div>
<div class="top_menu">
<jdoc:include type="modules" name="top" />
</div>
</div>
</div>
<div class="cb"></div>
<div class="content">
<div class="left">
<jdoc:include type="modules" name="left" style="xhtml"/>
</div>
<div class="right">
<div class="flash">
<jdoc:include type="modules" name="flash" style="xhtml"/>
</div>
<div class="article">
<jdoc:include type="component" />
</div>
<div class="module_buttom">
<jdoc:include type="modules" name="module_buttom" style="rounded"/>
</div>
</div>
</div>
</div>
<div class="cb"></div>
<div class="footer">
<jdoc:include type="modules" name="footer" />
</div>
</body>
</html>
Помогите ато у меня уже у самого глюки начинаются