Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Глюк в IE7

#1 Вячеслав

Вячеслав
  • Пользователь
  • 357 сообщений
  • Репутация: 0
0

Отправлено 25 Ноябрь 2009 - 07:13

Всем привет! Ктонибуть подскажите пожалусто почему футер лезит вверх в IE7, в FF Opera IE6 IE8 все гуд, а тут такое! :blink:

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>


Помогите ато у меня уже у самого глюки начинаются :D

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 25 Ноябрь 2009 - 22:53

Вячеслав, принтскрин, не у всех есть IE7
  • 0

#3 Вячеслав

Вячеслав
    Topic Starter
  • Пользователь
  • 357 сообщений
  • Репутация: 0

Отправлено 26 Ноябрь 2009 - 18:17

Все проблему решил с помощью условных комментариев
<!--[if IE 7]><style type="text/css">.wrapper {margin:0 auto 0 auto;width:1000px;height:auto;position:relative;}</style><![endif]-->


Кстати чтоб установить на одной системе разные версии Internet Explorer есть классная прога, щас ей и пользуюсь при верстке :blink:

Internet Explorer Collection
  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 27 Ноябрь 2009 - 16:43

Вячеслав, этих прог полно, в данный момент, руки не доходят.
  • 0


Оформление форума – IPBSkins.ru