0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 2259 Просмотров
*

max_gran

  • Новичок
  • 6
  • 0 / 0
Столкнулся с проблемой, при вёрстке с использованием фиксированного фона контент не отображается на странице полностью. Выглядит всё примерно так.


Контент вниз не скролится, однако там ещё 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>
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
#component{
display:inline-block;
overflow-y: auto;
}
по идее должно помочь
*

max_gran

  • Новичок
  • 6
  • 0 / 0
#component{
display:inline-block;
overflow-y: auto;
}
по идее должно помочь

Спасибо за внимание к теме, но не помогло ))) а воз и ныне там. Переключился на другие моменты вёрстки, думаю к концу работы придёт понимание, ну или найдём решение ))
« Последнее редактирование: 11.02.2012, 13:36:00 от max_gran »
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
ох уж эта криворукость
body {
margin: 0;
background: url(/templates/yfut/images/background.jpg) top left no-repeat fixed; }
вот это правильно
*

max_gran

  • Новичок
  • 6
  • 0 / 0
ох уж эта криворукость
body {
margin: 0;
background: url(/templates/yfut/images/background.jpg) top left no-repeat fixed; }
вот это правильно

Мне больше подходит вариант с top center, ну да ладно, это мелочи. Сайт всё равно не помещается
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться