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