Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.82/11: Рейтинг темы: голосов - 11, средняя оценка - 4.82
156 / 20 / 5
Регистрация: 21.02.2009
Сообщений: 2,792

Примеры резиновой блочной верстки в три колонки

07.11.2013, 23:51. Показов 1991. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Хочу попробовать самостоятельно сверстать сайт в три колонки с резиновой версткой. Дизайн обычный – хедер и футер, а середина в три колонки. С ограничениями по ширине 1200 пикселей и центрированием на более широком экране.

Пересмотрел множество статей, но только запутался: одни пишут, что надо делать в две колонки, а третью встраивать в правую, другие что-то еще.

Порекомендуйте статью с нормальным современным примером, который непосредственно можно использовать.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.11.2013, 23:51
Ответы с готовыми решениями:

Предложите макет PSD для резиновой блочной верстки
Хочу проверить себя в верстке. Предложите макет PSD для резиновой блочной верстки. После окончания роботы хочу прислать для оценки качества.

Правила блочной верстки
Никак не могу понять, какие правила есть при блочной верстке. Например интересует момент когда все блоки располагаются внутри одного...

Рабочий шаблон блочной верстки
Есть код из двух частей 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...

2
 Аватар для maximus2011
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
08.11.2013, 03:00
почитайте про bootstrap. Там думаю найдете то, что нужно
1
156 / 20 / 5
Регистрация: 21.02.2009
Сообщений: 2,792
08.11.2013, 10:55  [ТС]
Это я читал. Но хотелось бы что-то еще, с рабочими примерами.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.11.2013, 10:55
Помогаю со студенческими работами здесь

Как с помощью блочной верстки вписать фон в рисованную рамку?
Как с помощью блочной верстки вписать фон в рисованную рамку? Получается криво: http://tricolor.tw/2/index.html Структура рамки: ...

Как сделать колонки одинаковой резиновой высоты?
Всем привет. В общем, не могу разобраться с divaми. Необходимо в каждую колонку блочной верстки вставить в каждый угол по изображению....

Примеры верстки акции
Добрый день. Не могу найти css для Акций на странице. Если не сложно могли бы Вы дать пару ссылок.

Подходят ли эти примеры верстки с их решениями?
Я прочитал книги про html , но не все знаю . Я могу представить разные способы верстки и в книгах от части говорится какой способ выбрать ,...

макет в три колонки
Здравствуйте! Я пытаюсь сделать макет в три колонки, но дело в том, что центральная и правая колонка накладываются на левую. Как сделать,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru