CSS под разные разрешения

[SoFuWa]

Сделал CSS под разные разрешения, подгружаются скриптом. А если у когото будет JavaScript отключен, как сделать чтоб грузился стандартный CSS, а то без файла стилей вообще ничего не будет видно, а есть всё же люди без JavaScript

[swetlana]

@media screen and (min-width: 400px) and (max-width: 700px) { … }

http://www.w3.org/TR/css3-mediaqueries/#media1

[SoFuWa]

@media screen and (min-width: 400px) and (max-width: 700px) { … }

http://www.w3.org/TR/css3-mediaqueries/#media1

Интересно это разрешение экрана или размер окна? Если разрешение и без JS то это отлично

Edited August 24, 2010 by SoFuWa

[Great Rash]

Это CSS3 и работать будет далеко не везде (ИЕ - естественно...)

[rash]

Интересно это разрешение экрана или размер окна? Если разрешение и без JS то это отлично

В CSS-queries можно проверять и размер окна, и разрешение экрана.

Лучше - размер окна. Я редко разворачиваю окно на весь экран, и очень раздражают сайты, занимающие всю ширину монитора.

[SoFuWa]

В CSS-queries можно проверять и размер окна, и разрешение экрана.

Лучше - размер окна. Я редко разворачиваю окно на весь экран, и очень раздражают сайты, занимающие всю ширину монитора.

И что теперь строить вёрстку от размера окна? А если пользователь изменит размер окна, динамически css ничего не перестроит, ему придётся обновить страницу. Тут либо не во весь экран делать сайт, а оставлять слева и справа сколько то, либо резиновую вёрстку. А подстраивать под каждый размер окна, это же ерунда.

[Vlad]

Что-то не понял, ты за или против верстки под разные разрешения?

[SoFuWa]

При каких условиях может быть если я задаю right а отсчёт идет слева? Свойства картинки position:relative;, свойство родителя position:relative; При положительных значениях элемент сдвигается влево, за ноль принимается левый край родителя, при отрицательных значениях right элемент сдвигается вправо, от левого края родителя. Я вообще не понимаю как так, мозг кипит

Что-то не понял, ты за или против верстки под разные разрешения?

Разные разрешения монитора - да конечно

Разные размеры окна браузера - нет

Edited August 24, 2010 by SoFuWa

[Vlad]

Задай картинке absolute.

[rash]

И что теперь строить вёрстку от размера окна? А если пользователь изменит размер окна, динамически css ничего не перестроит, ему придётся обновить страницу. Тут либо не во весь экран делать сайт, а оставлять слева и справа сколько то, либо резиновую вёрстку. А подстраивать под каждый размер окна, это же ерунда.

Почему?

Расположение блоков, размеры блоков, позиционирование блоков и форматирование контента под узкую/широкую колонку прекрасно реализуются в CSS, а значит будут динамически перестраиваться при изменении размеров окна.

Поэтому я за верстку под размер окна, а не разрешение монитора.

[Searcher]

SoFuWa, видимо не очень знаком с css... При грамотно построенной разметке под разные размеры окна никаких перезагрузок не нужно. Это более гибко, универсально и лицом к посетителю, чем рубить под разрешение экрана. Например. Броузер далеко не у всех на весь экран, особенно, если большое разрешение. Многие броузеры имеют боковые панели, что сужает рабочую область окна.

А в чем проблема с JS? Он почти у всех всегда включен...