Добрый день. Совсем недавно начал заниматься версткой дизайнов и столкнулся с такой проблемой, что сайт выглядит по-разному при разных разрешениях экранах. Подскажите как с этим бороться? для каждого разрешения монитора писать свои стили, точнее размеры?
- 29.01.2013 16:10Опытный
- Регистрация: 20.01.2010
- Сообщений: 317
- Репутация: 15
- 0
- 29.01.2013 16:25
Не сильно силен в самой верстке, но почему бы Вам не делать "резиновый шаблон" ? В интернете очень много подробных описаний. Допустим ту же ширину сайта можно определять не в "px", а в "%", также можно добавить параметр max-width, который будет разрешать "растягиваться" сайту/колонке/контенту до определенного значения ширины.
- 0
29.01.2013 16:26самое популярное разрешение на текущий момент 1366*768. вот под него и верстайте :) + кроссбраузерность проверять надо дополнительно будет на всякий случай
- 0
- 29.01.2013 16:26
Делайте фиксированный размер под минимальное разрешение, либо более универсальный резиновый. Можно и с разными стилями попробовать, конечно, но по-моему это излишняя морока.
- 0
- 29.01.2013 16:30Опытный
- Регистрация: 20.01.2010
- Сообщений: 317
- Репутация: 15
А вот если использовать еще следующее решение: http://www.wellsait.ru/file_css.php
Повлияет ли это как-то на время загрузки сайта и не изменится ли отношение поисковых систем к сайту?- 0
- 29.01.2013 16:54Гуру
- Регистрация: 13.01.2012
- Сообщений: 526
- Репутация: 214
Тут два варианта - делать фиксированный шаблон (под ширину 1024 (таблица 960px стандартный набор верстальщика для Фотошоп), увы, пока еще 17" мониторы рулят) либо резиновый с ограничением, как на нашем Вебмастерс.
PS. Держите полезный сервис http://viewlike.us/ . Показывает, как ваш сайт выглядит на различных разрешениях.- 0
- 29.01.2013 16:59Опытный
- Регистрация: 20.01.2010
- Сообщений: 317
- Репутация: 15
AlexDV,Спасибо за сервис, но использую для этих целей плагин для Mozilla - Web Developer Toolbar.
И еще может кто подскажет литературу, где бы были собраны все функции, тэги CSS. Заранее спасибо.- 0
- 29.01.2013 16:59
CuxpecT, откуда такая информация про популярное разрешение?
Помимо подмены стилей на лету жаваскриптом можно заморочиться, если знать например рнр, если в куках пользователя нет параметра с разрешением монитора, взять это разрешение, обновить страницы, попутно добавив в куки разрешение и уже соглсано кукам брать стили.- 0
- 29.01.2013 17:14Новичок
- Регистрация: 06.10.2012
- Сообщений: 15
- Репутация: 0
Лучше этого не видел:) _htmlbook.ru
Сообщение от maxwel 
- 0
- 29.01.2013 17:25Дипломник
- Регистрация: 17.12.2012
- Сообщений: 120
- Репутация: 18
для внедрения стилей под разные разрешения можно использовать css media queries, но он не работает в ie<9
- 0
Тэги топика:
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Шапка по разрешению экрана. | DLE | 6 | 18.10.2012 15:49 |
Как сделать отображение | Оффтоп и свободные темы | 6 | 30.08.2012 21:35 |
отображение в Файерфоксе | Joomla | 11 | 12.07.2012 11:19 |
Как узнать HTML-код цвета точки экрана | Web дизайн | 13 | 28.08.2011 21:28 |
Отображение структуры БД | Софт, скрипты, сервисы | 2 | 04.09.2010 23:38 |
addurl adsense canon google proxy telegram vkontakte youtube zennoposter аккаунт база бесплатный блог быть вконтакт вопрос данный добавить домен есть ключ купить лицензия магазин можно новый нужный отзыв парсер первый поинтовый порно продажа прокси работа работать регистрация сайт сбор сделать сертификат сеть система создание софт список средство ссылка стать статья стоимость тариф тема товар трафик форум хватать цель цена шаблон
Тем:
77,525Сообщений:
762,108Пользователей:
30,079Сейчас на сайте:
0 пользователей и 350 гостей
