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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Резиновая верстка 
:(
    Опции темы
GShadrin
  Дата 12.8.2010, 16:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Здравствуйте.

Необходимо сделать следующее:
Три дива одной ширины, расположенные в ряд.
Левый и правый фиксированных размеров. Центральный - резиновый, но его размер не может быть меньше заданной константы.
Как такое можно сделать. Возможно кто-то может дать ссылку на статью, в которой обсуждается подобное.

Т.к. боковые дивы фиксированных размеров, вариант с процентами не уместен.

Заранее спасибо.
PM MAIL   Вверх
ksnk
Дата 12.8.2010, 17:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Цитата(GShadrin @  12.8.2010,  16:48 Найти цитируемый пост)
Три дива одной ширины, расположенные в ряд.

Это значит столбиком расположены? или в ряд и ширина  них все-таки разная?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
WebDisaster
Дата 13.8.2010, 05:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(GShadrin @  12.8.2010,  16:48 Найти цитируемый пост)
Возможно кто-то может дать ссылку на статью, в которой обсуждается подобное.

Почему бы не дать
PM MAIL   Вверх
GShadrin
Дата 13.8.2010, 09:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Цитата(ksnk @  12.8.2010,  17:44 Найти цитируемый пост)
Это значит столбиком расположены? или в ряд и ширина  них все-таки разная? 

Да, я ошибся ширина разная, имелась ввиду высота.


Цитата(WebDisaster @  13.8.2010,  05:22 Найти цитируемый пост)
Почему бы не дать 

Спасибо за хорошую статью.
PM MAIL   Вверх
GShadrin
  Дата 13.8.2010, 17:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Задача оказалась сложнее чем я описал.
Необходимо сверстать модуль как на этих картинках.
Имеется рамка. В ней див с контентом, который по ширине растягивается на всю выделенную для него область, а по высоте на высоту, занимаемую контентом.

user posted image

Верстаю разделив на следующие дивы:
user posted image

Т.е. делаю три ряда дивов, в которых по три дива; в каждом ряду поступаю как в статье.
В верхнем и нижнем ряду проблемы не возникает, т.к. высота у них фиксированная.
Но у левого и правого дивах среднего ряда мне не удается сделать высоту равную высоте дива с контентом. Удается выставить фиксированную высоту, но это не усместно. Когда ставлю height: 100%; - они вообще не отображаються.
Как привязать высоту боковых дивов среднего ряда к высоте дива с контентом?
Применение скриптов не уместно.

Возможно у меня неправильный подход к верстке такой конструкции?

Заранее спасибо.

Это сообщение отредактировал(а) GShadrin - 13.8.2010, 17:59
PM MAIL   Вверх
ZavTrack
Дата 23.8.2010, 22:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Может быть так??

user posted image

#line нужен только для тени.  Ну или без него, какими-то другим спсобом сделать тень, это я хз.

Это сообщение отредактировал(а) ZavTrack - 23.8.2010, 23:00
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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