Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: 3-колоночный резиновый макет

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Как добавить фон под блоки
Поиск в теме | Версия для печати
Bio man
Отправлено: 13 Июня, 2013 - 20:56:11
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
Привет!
Прикладываю скрин с макетом ->


Хочу сделать фон (как у боковых блоков) под 3мя блоками, что бы этот фон растягивался в соответствии с самым высоким блоком.

CODE (html):
скопировать код в буфер обмена
  1. <div class="wp-content-wrapper">
  2.         <aside class="wp-left-bar">
  3.         </aside>
  4.         <div class="wp-content">
  5.         </div>
  6.         <aside class="wp-right-bar">
  7.         </aside>
  8. </div>


CODE (htmlphp):
скопировать код в буфер обмена
  1. .wp-content-wrapper {
  2.         position: relative;
  3. }
  4. aside.wp-left-bar, aside.wp-right-bar, div.wp-content {
  5.         position: absolute;
  6. }
  7. aside.wp-left-bar {
  8.         background: #C7E3E4;
  9.         width: 20%;
  10.         min-width: 150px;
  11. }
  12. aside.wp-right-bar {
  13.         background: #C7E3E4;
  14.         right: 0;
  15.         width: 25%;
  16.         min-width: 200px;
  17. }
  18. div.wp-content {
  19.         background: #E0D2C7;
  20.         left: 20%;
  21.         width: 55%;
  22.         min-width: 400px;
  23. }



Или подскажите как растянуть все блоки, что бы все блоки имели высоту как у самого высокого блока.

(Отредактировано автором: 13 Июня, 2013 - 21:31:34)

 
 Top
DelphinPRO
Отправлено: 13 Июня, 2013 - 22:07:26
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Bio man
Отправлено: 13 Июня, 2013 - 22:10:55
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
не то
 
 Top
DelphinPRO
Отправлено: 13 Июня, 2013 - 22:15:55
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
почему? вы пробовали сделать макет и понажимать на примере? высота колонок всех одинакова


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
armancho7777777 Супермодератор
Отправлено: 13 Июня, 2013 - 22:16:41
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
CSS (Отобразить)

HTML (Отобразить)

Пример

(Отредактировано автором: 13 Июня, 2013 - 22:39:36)

 
 Top
Bio man
Отправлено: 13 Июня, 2013 - 22:26:36
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
DelphinPRO пишет:
почему? вы пробовали сделать макет и понажимать на примере? высота колонок всех одинакова
пробовал, высота разная. Да и конструктор глючный.
(Добавление)
armancho7777777 спасибо, походу то что надо!
 
 Top
DelphinPRO
Отправлено: 13 Июня, 2013 - 22:30:59
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
странно.. мы с вами наверное в разных пространственно-временных континумах находимся Улыбка


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
armancho7777777 Супермодератор
Отправлено: 13 Июня, 2013 - 22:31:19
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Bio man пишет:
походу то что надо

Да не походу, а то, что надо Радость

(Отредактировано автором: 13 Июня, 2013 - 22:32:23)

 
 Top
Bio man
Отправлено: 13 Июня, 2013 - 22:35:11
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
DelphinPRO пишет:
странно.. мы с вами наверное в разных пространственно-временных континумах находимся
на превью так то они одинаковые, но если скопировать код и запустить в браузере то получится что то ужасное
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB