Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
dima55501
30 / 34 / 6
Регистрация: 14.07.2013
Сообщений: 146
#1

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

14.06.2015, 14:51. Просмотров 498. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Правильная реализация вёрстки (HTML, CSS):

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

Оптимизация HTML5 вёрстки - HTML, CSS
Доброго времени суток! Сразу оговорюсь: я новичок, поэтому надеюсь на понимание. Я сделал сайт, а именно http://мембрана-мастер.рф, но...

Критика адаптивной вёрстки - HTML, CSS
Всем привет) Пытаюсь осилить адаптивную вёрстку. Попытка №1: http://exumple7.esy.es Хочу услышать критику. Макет:

Получение опыта вёрстки - HTML, CSS
Привет всем. Начинающий верстальщик, активно развиваюсь в этой области, верстаю шаблоны для себя, однако не хватает реального опыта. ...

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

Совместимость вёрстки с IE10 - HTML, CSS
Добрый день дорогие форумчане, помогите пожалуйста победить несчастный IE10, для начала проблема в картинках: Chrome: IE10: ...

4
Velesthau
523 / 425 / 129
Регистрация: 25.11.2014
Сообщений: 1,662
14.06.2015, 15:18 #2
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
Цитата Сообщение от dima55501 Посмотреть сообщение
Например я хочу, чтобы в будущем если зайти на сайт с смартфона/планшета, то масштаб автоматически подгонялся под нужный размер. Я правильно понимаю, что мне следует избегать константных значений размеров? Ну например поставить размер блока не 150px, а 30%.
Не обязательно. Еще часто используется @media: http://htmlbook.ru/css/value/media

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

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

Пример вёрстки макета - HTML, CSS
Приветствую ! Подскажите, пожалуйста, какие-нибудь ресурсы, где показывается как сверстать макет. То есть: нам показывают шаблон, и по...

Срок вёрстки сайта - HTML, CSS
Здравствуйте, уважаемые верстальщики ! Подскажите, сколько времени займёт создание подобного одностраничника: ...

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


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

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

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