Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Зависимость колонок 
:(
    Опции темы
namra
Дата 8.8.2008, 10:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 355
Регистрация: 26.4.2007

Репутация: нет
Всего: нет



Такая вот проблема мне надо чтобы при переполнении 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 

Это сообщение отредактировал(а) namra - 8.8.2008, 13:16

Присоединённый файл ( Кол-во скачиваний: 4 )
Присоединённый файл  Untitled_2.gif 4,00 Kb
PM MAIL   Вверх
bars80080
Дата 8.8.2008, 12:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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

а с float: right; блок не растянется. лучше его отпозиционировать с position: relative; right: 0px; 
а для #contener { position: relative; }
PM MAIL WWW   Вверх
namra
Дата 8.8.2008, 13:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 355
Регистрация: 26.4.2007

Репутация: нет
Всего: нет



не получается
PM MAIL   Вверх
bars80080
Дата 8.8.2008, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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

<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;

 и убрать флоат
PM MAIL WWW   Вверх
namra
Дата 8.8.2008, 15:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 355
Регистрация: 26.4.2007

Репутация: нет
Всего: нет



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

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

Присоединённый файл ( Кол-во скачиваний: 2 )
Присоединённый файл  ___________.zip 0,84 Kb
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0767 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.