Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/8: Рейтинг темы: голосов - 8, средняя оценка - 4.50
darkavenger1
1 / 1 / 1
Регистрация: 02.08.2012
Сообщений: 44
1

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

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

прилагаю дизайн страницы, в качестве примера конечно же. Хочется узнать ответы на такие вопросы:
1)какие элементы страницы стоит сделать резиновыми (указать в процентах)?
2)как определить эти проценты для того или иного элемента?
3)я так понимаю, изображения стоит подбирать для максимального разрешения?
если можно, то примерчик какой-нибудь очевидный. я находил некоторые, но все что-то не то. интересует та инфа, где фон как в примере, на весь экран, и хотелось бы при увеличении разрешения экрана, чтобы фон тоже растягивался
0
Миниатюры
резиновая верстка  
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.08.2012, 19:18
Ответы с готовыми решениями:

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

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

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

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

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

6
and_y87
Web-Разработчик
409 / 357 / 71
Регистрация: 27.02.2012
Сообщений: 1,316
Записей в блоге: 85
20.08.2012, 20:04 2
darkavenger1, На этом макете резиновую применить практически невозможно из-за концепции дизайна...

Про фон почитай тут: Установка изображения фона сайта
0
darkavenger1
1 / 1 / 1
Регистрация: 02.08.2012
Сообщений: 44
20.08.2012, 22:26  [ТС] 3
эмм может быть я что-то не понимаю...тогда это будет полностью статичный сайт, расположенный посередине, просто будет увеличиваться-уменьшаться фоновое изображение?
0
and_y87
Web-Разработчик
409 / 357 / 71
Регистрация: 27.02.2012
Сообщений: 1,316
Записей в блоге: 85
20.08.2012, 22:58 4
ссылку я дал что бы вы узнали что то новое для себя может быть где понадобится... =)

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

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

Единственное что подойдёт для сайта это центрирование того что щас есть...
1
darkavenger1
1 / 1 / 1
Регистрация: 02.08.2012
Сообщений: 44
21.08.2012, 13:56  [ТС] 7
благодарю!
0
21.08.2012, 13:56
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.08.2012, 13:56

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

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

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


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru