Столкнулся с проблемой, при вёрстке с использованием фиксированного фона контент не отображается на странице полностью. Выглядит всё примерно так.
Контент вниз не скролится, однако там ещё 2-3 статьи. Код отвечающий за фон и главный div с контентом. Читайте омментарии к коду, я там подробно изложил некоторые моменты
css
body { }
#fixedfon { /*отвечает за фон, в результате экспериментов решил поместить в див, но рациональнее запихать в боди*/
margin:0 auto;
position: relative;
background-image: url(/templates/yfut/images/background.jpg); /*Это фоновая картинка*/
background-position: top;
background-repeat: no-repeat;
background-attachment:fixed;
}
/*в этом divе содержаться все основные позиции модулей*/
#mainframe {
top: 0px;
bottom: 5px;
position: relative;
height: 200%; /*когда увеличиваю % то страница увеличивается в высоте, но это не вариант решения проблемы*/
overflow: hidden; /*без него некоторые блоки съезжают*/
width: 1100px; /*ширина блока*/
min-width: 1100px; /*минимальная ширина блока*/
margin-left: 10%; /* Отступ слева */
margin-right: 10%; /* Отступ справа */
background-image: url(/templates/yfut/images/bg.png); /*фоном работает полупрозрачная картинка 30х30 пиксл.*/
background-repeat: top repeat-x repeat-y;
}
А это код индекс.пхп
<?php
defined('_JEXEC') or die('Restricted access');
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" type="text/css" href="/templates/yfut/css/general.css">
<link rel="stylesheet" type="text/css" href="/templates/yfut/css/layout.css">
</head>
<body> <div id="fixedfon">
<div id="mainframe" align="center"> <div id="topmenu"> <jdoc:include type="module" name="topmenu"/></div>
<?php if($this->countModules('menu')) : ?>
<div id="menu" align="left">
<jdoc:include type="modules" name="menu" style="xhtml" />
</div>
<?php endif; ?>
<div id="component">
<jdoc:include type="component" />
</div>
<?php if($this->countModules('right')) : ?>
<div id="right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php endif; ?>
</div></div>
</body>
</html>
