CSS стили для разных разрешений

sergdev · 14.05.2008, 18:36

Здравствуйте возникает потребность прописать стили CSS для td для разных разрешений, смена backgroundа. Например, для 1280. Плиз помогите.

etc · 14.05.2008, 22:40

Вы собираетесь для всех вариантов разрешений стили писать?

sergdev · 14.05.2008, 22:52

Нет, дело не в этом. Там специфическая проблема. На данный момент она решается в джаваскрипте. Подмена картинки причем разных картинок на одной и той же странице, которые берутся из базы. И надо чтобы это делалось не через джаваскрипт

Йожег · 15.05.2008, 13:09

а можно пример? (ссылку)

KidsKilla · 15.05.2008, 15:21

я, например, могу изменить размер окна от 0 до 1280 (а то и 1600+). вы будете писать > 1600 вариантов? =)
для этого существует
1) относительные единицы измерения: %
2) min-width, max-width + хитрости для IE

если жизненно необходима зависимость между шириной и картинкой фона то тут ТОЛЬКО жс. ксс не интерактивен.
а для того чтобы максимально отделить логику жс от представления ксс, можно скриптом менять класс для <body> (less1024, from1024to10280, morethan1280 итп)

пс, в опере таки существует некий параметр типа @screen width:1024 {} как-то похоже, но то опера и последние версии. (кабельно-твшная опера не держит, вродебы)

sergdev · 15.05.2008, 18:56

http://agzamov.com/ru/confectioner?id=14
http://agzamov.com/ru/confectioner
Видите разные картинки слева ?
Вот на 1280 показывается http://agzamov.com/ru/confectioner?id=14 здесь другая картинка.

Клиент хочет, чтобы контент показывался одновременно с картинкой.
Я пробовал скрывать контент и потом в window.onload показывать его, когда загрузится картинка для 1280 , но у клиента иногда глючит в опере.
Поэтому хочетсчя как то через цсс прописать.
Чтобы я стиль создавал в котором учитывал бы какое разрешение у экрана

Йожег · 16.05.2008, 11:12

методами цсс нельзя определить разрешение экрана, а не пробовал картинки в кеш загонять?

KidsKilla · 16.05.2008, 14:00

о ужас летящий на крыльях ночи!!!
вся эта заморока не стоит и выеденного яйца. делается красиво с помощью продуманной резины. посмотрите лучше портфолио Самизнаетегкого

Йожег · 16.05.2008, 15:10

да тут и "продуманная резина" не поможет, как я понял надо заменять картинку например для широкоэкранок, впринципе можно было ухитриться еслиб стиль применялся только при нужном разрешении, но увы тут ток ява

KidsKilla · 16.05.2008, 15:33

сам факт: "заменять картинку например для широкоэкранок" -- кретинизм в запущенной стадии и полная профнепригодность дизайнера. только и всего. а резина поможет, 100%.