Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Зависимость колонок

Автор: namra 8.8.2008, 10:28

Такая вот проблема мне надо чтобы при переполнении content у меня rightpanel в которой бэкграунд картинка тоже растягивалась и заполнялся фон картинкой этой в том столбце код:

  #page
   {
  min-width:1007px;
   margin:0;

   }

#content{
    margin:0px 310px 0px 0px;
    font-size:11px;
    }

#rightpanel
  {
    float: right;
    width:290px;
    margin:0px;
    background-image:url(images/bg_rightblock.gif);
  }

html:

  <div id="page">
      <div id="rightpanel"></div>
      <div id="content"></div>
  </div>
smile

Автор: bars80080 8.8.2008, 12:24

background не тянется. можно только вставлять рисунок <img /> на задний план, и потом растягивать его height: 100%;

а с float: right; блок не растянется. лучше его отпозиционировать с position: relative; right: 0px;
а для #contener { position: relative; }

Автор: namra 8.8.2008, 13:55

не получается

Автор: bars80080 8.8.2008, 14:28

вот смотри, как делается тянущийся фон

Код


<html><head>
<style>
* { margin: 0px; padding: 0px; }
#fon img { width: 100%; height: 100%; }
#page { position: absolute; top: 0px; left: 0px; width: 100%; }
</style>
</head>
<body>
<div id="fon"><img src="zzz.jpg" /></div>
<div id="page">
content 
</div>
</body>
</html>

а я говорил, что надо добавить следующие стили:

Код


#content{margin:0px 0px 0px 0px; 
    font-size:11px;
    position: relative;    }  
     
#rightpanel
  { position: relative; right: 0px;
width:290px;
    margin:0px;

и убрать флоат

Автор: namra 8.8.2008, 15:48

bars80080 Вот так надо посмотри плиз!

архив только там в таблицах а мне в дивах надо.