Я думаю что вопрос итак понятен
. А теперь я скажу почему мне пришлось его задать.
В общем я сел 2-3 месяцев назад в свободное время изучать сайтастроение, так как финансы не позволяют заказать готовый сайт, а готовый шаблон не радует.
Так вот, свой шаблон я запустил на сайте около месяца назад, и совершенно случайно обнаружил что он у меня не центрируется, експлорер как 6 так и 7 и 8 и 9 прижимает его к левому краю. Естественно во время верстания шаблона я его проверял в стандартных браузерах. Експлорер я проверял через IETestor, пока сайт находился на Локалхосте, он отображался правильно, занимал положенный ему центр.
Но сейчас по факту он прижимается к левому краю. Как мне решить эту проблему.
Заранее благодарю за ответ и понимание. !
Сам сайт:
http://art-studija.ru/Прикладываю код index.php.
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<define('MAINLINK',$_SERVER["REQUEST_URI"]);>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" type="text/css" href="<?php echo $this->baseurl ?>/templates/ju_arch/css/template.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/ju_arch/css/menu_1.css"/>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Архитектурное проектирование, перепланировка квартир</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
function theRotator() {
$('div#rotator ul li').css({opacity: 0.0});
$('div#rotator ul li:first').css({opacity: 1.0});
setInterval('rotate()',5000);
}
function rotate() {
var current = ($('#rotator ul li.show')? $('#rotator ul li.show') : $('#rotator ul li:first'));
var next = ((current.next().length)? ((current.next().hasClass('show'))? $('#rotator ul li:first') :current.next()) : $('#rotator ul li:first'));
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
};
$(document).ready(function() {
theRotator();
});
</script>
<body>
<div id="korzina">
<div id="dl_otstup">
<div id="top_korzina">
<div id="logo"></div>
<div id="top_left_blok">
<div id="top_top_left">
<div id="ico_blok">
<div id="ico_1">
<div id="ico_home">
<a href="http://art-studija.ru/">
<img src="/images/ico_home.jpg" img border="0" width="88" height="22" />
</a>
</div>
</div>
<div id="ico_2">
<div id="ico_contact">
<a href="http://art-studija.ru/contact.html">
<img src="/images/ico-contact.jpg" img border="0" width="88" height="22" />
</a>
</div>
</div>
</div>
<div id="blok_www"></div>
</div>
<div id="top_centr_left">
<div id="battom_1">
<div id="proektirovanie">
<a href="http://art-studija.ru/proektirovanie.html">
<img src="/images/batt_proektirovanie.png" img border="0" width="196" height="18" />
</a>
</div>
</div>
<div id="battom_2">
<div id="vizualizaciya">
<a href="http://art-studija.ru/vizualizacija.html">
<img src="/images/batt_vizualizaciya.png" img border="0" width="171" height="18" />
</a>
</div>
</div>
</div>
<div id="top_bot_left">
<div id="battom_3">
<div id="stroitelstvo">
<a href="http://art-studija.ru/proektirovanie.html">
<img src="/images/batt_stroitelstvo.png" img border="0" width="181" height="18" />
</a>
</div>
</div>
<div id="battom_4">
<div id="dizayn">
<a href="http://art-studija.ru/dizajn.html">
<img src="/images/batt_dizayn.png" img border="0" width="109" height="18" />
</a>
</div>
</div>
</div>
</div>
</div>
<div id="centr_korzina">
<div id="menu_blok">
<div id="menu">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="mymenu" />
<?php endif; ?>
</div>
</div>
<div id="rotator_blok">
<div id="rotator">
<ul>
<li class="show"><img src="images/image-1.jpg" width="551" height="359" alt="pic1" /></a></li>
<li><img src="images/image-2.jpg" width="551" height="359" alt="pic2" /></a></li>
<li><img src="images/image-3.jpg" width="551" height="359" alt="pic3" /></a></li>
<li><img src="images/image-4.jpg" width="551" height="359" alt="pic4" /></a></li>
</ul>
</div>
</div>
</div>
<div id="color_polit"></div>
<div id="content_korzina">
<div id="content">
<jdoc:include type="component" />
</div>
<div id="content_pravo"></div>
<div id="user4">
<?php if($this->countModules('user4')) : ?>
<jdoc:include type="modules" name="user4" style="rounded" />
<?php endif; ?>
</div>
<div id="user_baner">
<?php if($this->countModules('user_baner')) : ?>
<jdoc:include type="modules" name="user_baner" style="rounded" />
<?php endif; ?>
</div>
<div id="user_silki">
<?php if($this->countModules('user_silki')) : ?>
<jdoc:include type="modules" name="user_silkir" style="rounded" />
<?php endif; ?>
</div>
</div>
<div id="otstup"></div>
</div>
</div>
<div id="podval">
<div id="stcetcik">
<?php if($this->countModules('user5')) : ?>
<jdoc:include type="modules" name="user5" style="rounded" />
<?php endif; ?>
</div>
<div id="prova">
<?php if($this->countModules('user6')) : ?>
<jdoc:include type="modules" name="user6" style="rounded" />
<?php endif; ?>
</div>
</div>
</body>
</html>
и таблицы CSS стилей.
html, body{
margin:0px;
padding:0px;
height:100%;
background-color:#e7e4d0;
}
p{
font-size:16px;
line-height:21px;
color:#3c3b3b;
}
a:link, a:visited{
font-size:16px;
line-height:21px;
background:none;
color:#ff7518;
}
a:hover{
font-size:16px;
line-height:21px;
background:none;
color:#4ea902;
}
h1{
font-size:18px;
line-height:22px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#091662;
}
h2{
font-size:17px;
line-height:21px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#091662;
}
h3{
font-size:16px;
line-height:21px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#091662;
}
h4{
font-size:14px;
line-height:21px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#091662;
}
.contentheading{
font-size:18px;
line-height:21px;
color:#3c3b3b;
}
#korzina{
margin:0 auto;
padding:0px;
width:801px;
min-height:100%;
background-color:#FFF;
border-left:solid;
border-right:solid;
border-width:1px;
border-color:#999;
}
#dl_otstup{
margin:0 auto;
padding:0px;
padding-bottom:100px;
}
#top_korzina{
margin:0px;
padding:0px;
width:801px;
height:179px;
}
#logo{
margin:0px;
padding:0px;
background:url(../images/logo.jpg) no-repeat;
width:250px;
height:179px;
float:left;
}
#top_left_blok{
margin:0px;
padding:0px;
width:551px;
height:179px;
float:left;
}
#top_top_left{
margin:0px;
padding:0px;
background:#7c7c7c;
width:551px;
height:60px;
}
#ico_blok{
margin:0px;
padding:0px;
width:150px;
height:60px;
float: right;
}
#ico_1{
margin:0px;
padding:0px;
width:150px;
height:30px;
}
#ico_home{
margin:0px;
padding:0px;
margin-left:30px;
}
#ico_contact{
margin:0px;
padding:0px;
margin-left:30px;
}
#ico_2{
margin:0px;
padding:0px;
width:150px;
height:30px;
}
#blok_www{
margin:0px;
margin-top:15px;
margin-left:30px;
padding:0px;
background:url(../images/art_www.jpg) no-repeat;
width:160px;
height:23px;
float:left;
}
#top_centr_left{
margin:0px;
padding:0px;
width:551px;
height:60px;
}
#battom_1{
margin:0px;
padding:0px;
width:276px;
height:60px;
float:left;
}
#proektirovanie{
margin:0px;
margin-top:17px;
margin-left:30px;
padding:0px;
}
#battom_2{
margin:0px;
padding:0px;
width:275px;
height:60px;
float:left;
}
#vizualizaciya{
margin:0px;
margin-top:17px;
margin-left:30px;
padding:0px;
}
#top_bot_left{
margin:0px;
padding:0px;
width:551px;
height:59px;
}
#battom_3{
margin:0px;
padding:0px;
width:276px;
height:59px;
float:left;
}
#stroitelstvo{
margin:0px;
margin-top:17px;
margin-left:30px;
padding:0px;
}
#battom_4{
margin:0px;
padding:0px;
width:275px;
height:59px;
float:left;
}
#dizayn{
margin:0px;
margin-top:17px;
margin-left:30px;
padding:0px;
}
#centr_korzina{
margin:0px;
padding:0px;
width:801px;
height:359px;
border-bottom:solid;
border-width:1px;
border-color:#999;
}
#menu_blok{
margin:0px;
padding:0px;
width:250px;
height:359px;
float:left;
}
#menu{
margin:0 auto;
padding:0px;
width:240px;
height:320px;
}
#rotator_blok{
margin:0px;
padding:0px;
width:551px;
height:359px;
float:left;
}
#rotator{
margin:0;
padding:0;
margin-left:-40px;
margin-top:-16px;
position:relative;
}
*html #rotator{
margin:0;
padding:0;
margin-left:-40px;
/*margin-top:-16px;*/
position:relative;
}
*+html #rotator{
margin:0;
padding:0;
margin-left:-40px;
/*margin-top:-16px;*/
position:relative;
}
#rotator ul li {margin:0px; padding:0px; float:left; position:absolute; list-style: none;}
#rotator ul li.show {margin:0px; padding:0px; z-index:500;}
#color_polit{
margin:0px;
padding:0px;
background: url(../images/line_color.gif) no-repeat;
height:3px;
width:801px;
}
#content_korzina{
margin:0px;
padding:0px;
width:801px;
}
#content{
margin:0px;
padding:0px;
padding-left:15px;
padding-top:20px;
width:600px;
min-height:200px;
float:left;
}
*html #content{height:200px;}
#content_pravo{
margin:0px;
margin-top:25px;
margin-left:5px;
padding:0px;
background:url(../images/baner.gif) no-repeat;
width:170px;
height:200px;
float:left;
border:solid;
border-width:1px;
border-color:#999;
}
#user4{
margin:0px;
margin-top:10px;
margin-left:5px;
padding:0px;
width:170px;
min-height:20px;
float:left;
border:solid;
border-width:1px;
border-color:#999;
}
*html #user4{height:20px;}
#user_baner{
margin:0px;
margin-top:10px;
margin-left:5px;
padding:0px;
width:170px;
min-height:20px;
float:left;
/*border:solid;
border-width:1px;
border-color:#999;*/
}
#user_silki{
margin:0px;
margin-left:5px;
padding:0px;
width:170px;
min-height:10px;
float:left;
/*border:solid;
border-width:1px;
border-color:#999;*/
}
#otstup{
clear:both;
}
#podval{
margin:0 auto;
margin-top:-85px;
padding:0px;
background:url(../images/bot.jpg) no-repeat;
width:801px;
height:85px;
}
#stcetcik{
margin:0px;
padding:0px;
width:120px;
height:85px;
float:right;
}
#prova{
margin:0px;
padding:0px;
width:200px;
height:85px;
float:right;
}
28.05.2016, 10:45:37