Jump to content
  • 0

expression - зависимость контента от активной области браузера


Maslakoff
 Share

Question

Возникла проблемма. Имеется дизайн у которого по бокам много различных элементов(узоров).

Сам шаблон в ширену 1200, а основная часть приблезительно 1000.

100пикс по левому и по правому краям занимают узоры.

Прикрепил узоры слоями к основной части по левому и правому краю.

Основная часть фиксированная, поэтому варианты с тянущейся основной отпадают....

Проблемма собственно в чем: пытаюсь адаптировать этот дизайн под 1024, но ничего не получается -- из-за узоров появляется полоса прокрутки.

Нужно средствами CSS узнать ширешу экрана и в зависимости от расширения автоматически подрезать слои-узоы чтобы полосы не возникало.

Слышал о небольших JavaScript включениях в файлы CSS, но потерял статью....

Просьба -- кто знаком с подобными JavaScript включениеми в CSS, помогите...

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Emm, поздно)))

Просто дизайн крайне сложен.... Используется огромное колличество графических эллементов. Без прозрачных png обойтись никак нельзя... Я видел один выход -- приклеивать это вс? слоями по бокам. Получилось так, что при 1024 вс? не влезает. Попробовал fixed. Непонял как оно и что оно.. В общем непомогло... Хотел было обрезать просто JavaScript'ом... Но это менее гуманно, как например вставки JS. Просто других путей не вижу, работы сделано 80%... Переделывать времени нет -- менеджеры напрягают! Помогите!

Link to comment
Share on other sites

  • 0

Узоры пустить фоновым рисунком слева и справа, остальное переделать под ширину 100% с отступами слева и справа по 100 px. Вот тогда будут и узоры и сайт смотреться практически при любом разрешении. Делать макет шириной 1200 пикселов - в настоящее время моветон.

Link to comment
Share on other sites

  • 0

Vlad, согласен. спасибо за совет... хотя наврятли так получиться... уж очень много различных элементов, которые крепяться к разным частям страницы. Просто BG наверно невыйдет!

Я имелл ввиду чтото вроде

.lay {
width: extensions( (screen.width > 1024 ? '200px' : '100px') );
}

вот... это принципе реальное решение проблеммы, но синтаксис в этом выражении преблезительный...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy