Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/9: Рейтинг темы: голосов - 9, средняя оценка - 4.56
1 / 1 / 1
Регистрация: 02.08.2012
Сообщений: 44

резиновая верстка

20.08.2012, 19:18. Показов 2007. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
прилагаю дизайн страницы, в качестве примера конечно же. Хочется узнать ответы на такие вопросы:
1)какие элементы страницы стоит сделать резиновыми (указать в процентах)?
2)как определить эти проценты для того или иного элемента?
3)я так понимаю, изображения стоит подбирать для максимального разрешения?
если можно, то примерчик какой-нибудь очевидный. я находил некоторые, но все что-то не то. интересует та инфа, где фон как в примере, на весь экран, и хотелось бы при увеличении разрешения экрана, чтобы фон тоже растягивался
Миниатюры
резиновая верстка  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
20.08.2012, 19:18
Ответы с готовыми решениями:

Резиновая верстка
Допустим есть блок: <div class="content"> <div> И стиль: .content { height:450px;

резиновая верстка
как сделать чтобы на всех размерах экрана,блоки с картинками не съезжали друг на друга,а стояли на одном месте? (это блок первый),таких...

Резиновая верстка
Подскажите, какими средствами можно решить такое задание: На странице расположены блоки-ячейки одинаковой высоты и ширины внутри, которых...

6
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
20.08.2012, 20:04
darkavenger1, На этом макете резиновую применить практически невозможно из-за концепции дизайна...

Про фон почитай тут: Установка изображения фона сайта
0
1 / 1 / 1
Регистрация: 02.08.2012
Сообщений: 44
20.08.2012, 22:26  [ТС]
эмм может быть я что-то не понимаю...тогда это будет полностью статичный сайт, расположенный посередине, просто будет увеличиваться-уменьшаться фоновое изображение?
0
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
20.08.2012, 22:58
ссылку я дал что бы вы узнали что то новое для себя может быть где понадобится... =)

Что вы подразумеваете под "резиновая верстка" ?

Сейчас 2 понятия у этого словосочетания:
1. Вёрстка под все устройства с выходом в интернет
2. Вёрстка сайта которая зависит от ширины окна браузера (аля grid 960px )
0
1 / 1 / 1
Регистрация: 02.08.2012
Сообщений: 44
20.08.2012, 23:28  [ТС]
Ссылка очень полезная, покопаю там еще! нашел этот пример в интернете...и он довольно неудачен.
http://www.slobodaotel.ru/korporativnyim-klientam/
Задам вопрос по другому. как лучше выбрать тип макета для данного примера? С условием того, что картинка будет на весь экран в любом случае. Если прописать фону свойства растяжки, а всему остальному нет, не попортится ли общий вид (смещение текста в нечитабельные и неудобные зоны картинки)? Я что-то пока не могу вообразить как это будет смотреться вместе при заданных условиях, пока не сделаю это) Верстку под все устройства я пока не рассматриваю.
0
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
20.08.2012, 23:59
darkavenger1, к сожалению у вас сам макет не очень подходящий для резиновой вёрстки...

Единственное что подойдёт для сайта это центрирование того что щас есть...
1
1 / 1 / 1
Регистрация: 02.08.2012
Сообщений: 44
21.08.2012, 13:56  [ТС]
благодарю!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
21.08.2012, 13:56
Помогаю со студенческими работами здесь

Резиновая верстка
Здравствуйте. Верстаю одностраничник по готовому дизайну. Ширина шаблона 1903.Из этого расчета и вся графика такого размера. вот как...

Резиновая верстка
Добрый день! Нужно резиново спозиционировать div относительно wraper. Чтобы при уменьшении размера монитора div не двигался, пока не начал...

Резиновая верстка
Не могу понять одного. Как выставить "резиновые" параметры для страницы где много графики? ну например, рисованное окно на фоне, в котором...

Резиновая верстка
Такая вот проблема, есть 6 кнопок фиксированного размера.., как правильно их сверстать для разных мониторов? Кроме кнопок на станице больше...

Резиновая верстка
Подскажите пожалуйста, возможно ли средствами html, css и, возможно, javascript, сделать сайт, состоящий из шапки, 3х колонок и подвала с...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
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;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru