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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Размеры блоков, проблема с блоками 
:(
    Опции темы
waRvaN
Дата 25.7.2011, 11:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Добрый день. Я новичок, если дадите какой-нить совет попрошу его максимально пояснить=)
Удалось выстроить в строку три блока. Нужно что бы центральный блок имел фиксированную длину (800px), а левый и правый занимали все оставшееся место на экране у человека. Т.е. что бы размер у левого и правого блока был (100%-800px)/2. Описать это у меня не получается.

Код

div.header2 {background-color:#ffffff; width:???; height:200px; float:left; border-color:#000; border:solid}
div.header {background-color:#ffffff; width:800px; height:200px; float:left; border-color:#000; border:solid}
div.header1 {background-color:#ffffff; width:???; height:200px; float:left; border-color:#000; border:solid}




Это сообщение отредактировал(а) waRvaN - 25.7.2011, 11:15
PM MAIL   Вверх
SelenIT
Дата 25.7.2011, 13:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



А эти правый и левый блоки — именно блоки или декоративные элементы? В зависимости от этого подход разный...


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


Новичок



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

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



Да, именно декоративные элементы, они будут пустыми полосками
PM MAIL   Вверх
SelenIT
Дата 25.7.2011, 13:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Тогда блоки для них не нужны. Два вложенных контейнера с соотв. фонами — и всё.


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


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


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

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



Цитата(SelenIT @  25.7.2011,  14:56 Найти цитируемый пост)
Тогда блоки для них не нужны. Два вложенных контейнера с соотв. фонами — и всё. 

Я вот не понял, что ты написал. Приведи пример, плз, простенький. А то самому аж стало интересно, как такое реализовать нетаблично.


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


Новичок



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

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



Да, желательно по подробнее smile 
PM MAIL   Вверх
olldman
Дата 26.7.2011, 09:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дед
*


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

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



Вложенные контейнеры (читай - те же блоки) в данном случае скорее всего не нужны. Зависит от "декоративных элементов", от того как они будут располагаться на странице (множиться, например).  В таком случае есть один единственный, основной контейнер с шириной 800рх. А декоративные элементы можно расположить фоном в уже имеющихся по умолчанию контейнерах - например:
в html - левый фон
в body - правый фон.
Кстати, причем здесь таблица? Есть табличные данные для их отображения?


Это сообщение отредактировал(а) olldman - 26.7.2011, 09:07
PM MAIL WWW ICQ Skype   Вверх
waRvaN
Дата 26.7.2011, 12:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Я поискал, нашел, что-то подобное делают с отрицательными маргинами, но там резиновый центральный блок, а у меня резиновые крайние. 
Как бы применить этот способ для моей проблемы? 
PM MAIL   Вверх
SelenIT
Дата 26.7.2011, 18:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Ну вот как один из вариантов: http://jsfiddle.net/rayJe/

Можно, конечно, и html/body в качестве внешних контейнеров заюзать, как olldman предлагает. Но с body нужно очень аккуратно, т.к. к нему часто привязываются всякие JS-прибамбасы.


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


Новичок



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

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



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


 




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


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

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