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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> 3 дива в одной строке, левый и правый изменяются 
V
    Опции темы
Guedda
Дата 25.2.2010, 16:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78
Добрый день. есть три дива (левый, центральный и правый).
Необходимо сделать так, чтобы ширина левого и правого дива изменялась, если изменяется ширина центрального дива.
говоря проще, необходимо по центру выставлять баннер (разной ширины). Как поступить? Жду ваших советов. Заранее благодарен.


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
bars80080
Дата 25.2.2010, 16:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

Репутация: 50
Всего: 315
не задавать им ширину. сами откалибруются
PM MAIL WWW   Вверх
Guedda
Дата 25.2.2010, 16:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78
В том то и дело, что левый и правый блоки должны заполнять пустоту, и если баннера нет, то они пополам бы делили родительский див.

Добавлено через 40 секунд
А если не задавать ширину, то левый и правый дивы не показываются (они пустые, просто нужны для цвета).


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Violator
Дата 25.2.2010, 16:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: 15
Всего: 15
Guedda, 
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>тест</title>
  <style type="text/css">
    * { margin: 0; padding: 0; }
    table { border-collapse: collapse; }
    .left { background: green; }
    .center { background: red; }
    .right { background: blue; }
    .banner { width: 200px; }
  </style>
</head>
<body>
  <table width="100%">
    <col width="50%">
    <col width="auto">
    <col width="50%">
    <tr>
      <td class="left">Left
      </td>
      <td class="center">
        <div class="banner">Banner
        </div>
      </td>
      <td class="right">Right
      </td>
    </tr>
  </table>
</body>
</html>
PM MAIL   Вверх
SelenIT
Дата 25.2.2010, 17:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
Как вариант:
Код

<!doctype html><!-- стандартный режим -->
<style>
.left_bg { width: 100%; background: green; }
.right_bg { width: 50%; background: blue; margin: 0 0 0 auto; }
.banner_wrapper { width: 200%; margin: 0 0 0 -100%; /* растягиваем обратно на ширину первого предка */ }
.banner { width: 468px; height: 60px; margin: 0 auto; background: white; color: orange; border: 2px solid; }
</style>
<div class="left_bg">
   <div class="right_bg">
      <div class="banner_wrapper">
          <div class="banner">Баннер произвольной ширины</div>
      </div>
   </div>
</div> 



--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Guedda
Дата 25.2.2010, 17:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78
А в нетабличной верстке никак? Если только дивами...


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Guedda
Дата 25.2.2010, 17:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78
SelenIT, спасибо огромное. Проблема решена.


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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