Добрый день. Совсем недавно начал заниматься версткой дизайнов и столкнулся с такой проблемой, что сайт выглядит по-разному при разных разрешениях экранах. Подскажите как с этим бороться? для каждого разрешения монитора писать свои стили, точнее размеры?
- 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 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 |
addurl adsense cpa html proxy radikal wordpress yandex yandex.ru youtube zennoposter аккаунт баннер блог быть вконтакт год гугл деть добавить думать есть кейс ключ конечный контент магазин место может накрутка нужный отзыв оффера парсер партнёрка партнёрская программа первый программа продажа продвижение прокси просто работа работать регистрация рубль сайт сделать сервис скрипт сообщение софт ссылка стать страница трафик хороший хостинг цена яндекс
Тем:
77,580Сообщений:
762,978Пользователей:
30,080Сейчас на сайте:
0 пользователей и 93 гостей
