Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
dima55501
30 / 34 / 11
Регистрация: 14.07.2013
Сообщений: 146
1

Правильная реализация вёрстки

14.06.2015, 14:51. Просмотров 1006. Ответов 4
Метки нет (Все метки)

Добрый день. Сейчас занимаюсь изучением html/css. В общем то после изучения нескольких книг и видеоуроков общие впечатления сложились, сейчас хочу попробовать сделать что то с нуля. Но есть несколько тонкостей, которые так и не были освещены. Например я хочу, чтобы в будущем если зайти на сайт с смартфона/планшета, то масштаб автоматически подгонялся под нужный размер. Я правильно понимаю, что мне следует избегать константных значений размеров? Ну например поставить размер блока не 150px, а 30%. Также есть другой вопрос. Правильно ли сразу после <body> вставлять <div id="wrapper"> и задавать ему абсолютное позиционирование и ширину/высоту = 100%, чтобы сайт растягивался на весь экран? Заранее спасибо.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.06.2015, 14:51
Ответы с готовыми решениями:

Приёмы адаптивной вёрстки
Здравствуйте! Мне необходимо изменить ширину сайта в зависимости от разрешения...

Правила правильной вёрстки
Можно ли использовать табличную вёрстку, в месте с блочной вёрсткой, в главном...

Получение опыта вёрстки
Привет всем. Начинающий верстальщик, активно развиваюсь в этой области, верстаю...

Шаблон адаптивной вёрстки
Может у кого завалялся сайтик так сказать для примера шаблона(адаптивный)? ...

Популярность flex-вёрстки
Скажите, на сколько щас популярона FLEX верстка? я так понимаю нужно смотреть в...

4
Velesthau
524 / 426 / 159
Регистрация: 25.11.2014
Сообщений: 1,662
14.06.2015, 15:18 2
Лучший ответ Сообщение было отмечено dima55501 как решение

Решение

Цитата Сообщение от dima55501 Посмотреть сообщение
Например я хочу, чтобы в будущем если зайти на сайт с смартфона/планшета, то масштаб автоматически подгонялся под нужный размер. Я правильно понимаю, что мне следует избегать константных значений размеров? Ну например поставить размер блока не 150px, а 30%.
Не обязательно. Еще часто используется @media: http://htmlbook.ru/css/value/media

Добавлено через 14 минут
Цитата Сообщение от dima55501 Посмотреть сообщение
Правильно ли сразу после <body> вставлять <div id="wrapper"> и задавать ему абсолютное позиционирование и ширину/высоту = 100%, чтобы сайт растягивался на весь экран?
Если ты с 100% для body сделаешь, то, полагаю, сайт так же будет на браузерное окно. Для чего именно див?
1
dima55501
30 / 34 / 11
Регистрация: 14.07.2013
Сообщений: 146
14.06.2015, 15:45  [ТС] 3
Velesthau, на многих сайтах я видел разметку, что идет один большой див и уже внутри него делается все остальное.
0
Velesthau
524 / 426 / 159
Регистрация: 25.11.2014
Сообщений: 1,662
14.06.2015, 16:08 4
Цитата Сообщение от dima55501 Посмотреть сообщение
на многих сайтах я видел разметку, что идет один большой див и уже внутри него делается все остальное.
Верстка везде бывает разная. И див не обязательно на всю страницу. Как контент предполагается располагать, такая и будет верстка. Если контент отцентрирован, то ширина уже может быть не 100%, а если сверху еще что-нибудь есть, то может быть в отдельном диве с отдельныи атрибутами.
1
dima55501
30 / 34 / 11
Регистрация: 14.07.2013
Сообщений: 146
14.06.2015, 20:56  [ТС] 5
Velesthau, ясно, спасибо за помощь.
0
14.06.2015, 20:56
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.06.2015, 20:56

Современные виды вёрстки
Здравствуйте. Какие виды вёрстки актуальны на данный момент?

Нужна критика вёрстки
Доброго времени)) Вобщем верстаю, читаю, видео смотрю, вопросы задаю)) Пытаюсь...

По поводу вёрстки сайта
За счёт какой программы можно сверстать шаблон? или предложите свои примеры по...


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

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

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