Спасибо за ответ. Мне и надо, чтобы уезжало вниз за экран. Помогло, но отчасти.
Теперь все вместе с контентом уехало вниз. Видимо напутал со слоями.
Помогите пожалуйста разобраться в коде. Вроде все правильно, ошибку не вижу. Взгляд замылился уже.
файл index.php
<div id="content_all">
<div id="header">
<div id="name"></div>
<div id="adress">
<?php echo $this->params->get('adress'); ?>
</div>
<div id="korzina">
<?php if($this->countModules('korzina')): ?>
<jdoc:include type="modules" name="korzina" style="korzina" />
<?php endif; ?>
</div>
</div>
<div id="left">
<div id="left_vert"></div>
<div id="avtorizacia">
<?php if($this->countModules('avtorizacia')): ?>
<jdoc:include type="modules" name="avtorizacia" />
<?php endif; ?>
</div>
<div id="goriz_mini"></div>
<div id="rss">
<?php if($this->countModules('rss')): ?>
<jdoc:include type="modules" name="rss" />
<?php endif; ?>
</div>
<div id="goriz_mini_2"></div>
</div>
<div id="center">
<div id="menup">
<?php if($this->countModules('menup')): ?>
<jdoc:include type="modules" name="menup" style="mymenu" />
<?php endif; ?>
</div>
<div id="breadcrumb1">
<?php if($this->countModules('breadcrumb1')): ?>
<jdoc:include type="modules" name="breadcrumb1" />
<?php endif; ?>
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<div id="right_vert"></div>
<div id="user4">
<?php if($this->countModules('user4')): ?>
<jdoc:include type="modules" name="user4" style="user4" />
<?php endif; ?>
</div>
<div id="goriz_mini_3"></div>
<div id="goriz_mini_4"></div>
</div>
<div id="footer">
<?php echo $this->params->get('adress_2'); ?>
</div>
</div>
а вот css:
#content_all{
position:relative;
margin:0 auto;
padding: 0px;
width:1300px;
height:100%;
background:#fff repeat-x;
height:auto !important;
min-height:100%;
}
#header {
position:absolute;
margin:0px;
padding: 0px;
margin-left:0px;
float:left;
width:100%;
height:200px;
background:url(../images/header.jpg) no-repeat;
}
#left{
margin:0px;
padding: 0px;
margin-top:100px;
float:left;
}
#center{
/* float:left;*/
margin:0px;
padding: 0px;
min-height:1000px;
}
#content{
margin:0px;
padding: 0px;
margin-left:25px;
margin-top:10px;
width:830px;
height:100%;
float:left;
}
#footer{
pozition:relative;
margin:0px;
padding: 0px;
width:100%;
height:200px;
background:url(../images/footer.jpg) no-repeat;
}
Если в слое center комментируешь вот эту строчку /* float:left;*/, то футер уезжает вниз (правда только на минимальную высоту, не по высоте контента). А если раскомментировать, то контент встает на свое место, а футер находится прямо под шапкой.
12.12.2014, 16:57:43