Andrey_rus

Хм... Например, у меня фоном одного блочного элемента служит рисунок. Если я буду подгонять только размер шрифта (увеличивать), то текст вылезит за этот рисунок и потеряется эстетический вид и дизайнерская задумка. А вот лупа в браузерах приближает и удаляет сразу весь контент. VJiK, интересная ссылка про адаптивную разметку, спасибо.

Вот, к сожалению, нет статистики, но что-то мне подсказывают, что большинство пользователей (обычных, среднестатистических) не знают, что можно в браузере пользоваться лупой. Поэтому никаких "крутанет колесо с контролом" не поможет для большинства. Все же будь у меня возможность, я бы подгонял увелечение для каждого пользователя через JS в зависимости от разрешения экрана.

Сейчас большинство дизайнов оптимизируется под разрешение 1024х768. При этом часть из них далется статичными по ширине, часть "резиновыми". Но даже "резиновый" дизайн не спасет, если пользователь дотягивает до отметки 1600х1200 и более (знаю, что по статистике таких пока не много, но это пока). Представим ситуацию, что завтра все пользователи мира вдруг перешли на большое разрешение (болеше тех же самых 1600х1200). И практически на всех сайтах картинки и текст стали очень мелкими, да и вообще весь сайт превратился в маленький квадратик в центре браузера. Большинство пользователей не поймут что произошло и уйдут с сайта (а я в этом абсолютно уверен). НО! В современных браузерах можно использовать инструмент лупа (если Вы сейчас читатете эти сроки через Оперу или IE 8, то посмотрите в нижний правый уголок). На самом деле простая, но очень полезная вещь. Собственно суть. Вот если бы данной лупой можно было программно управлять, все тем же JavaScript, то таким способом можно было бы легко и просто делать фиксированный дизайн "псевдо резиновым". Откройте любой сайт, у которого в большом разрешении появляются зазоры по бокам. И поиграйтесь с увеличением. Какзалось бы чего тут такого, но как классно для web-дизайнера и верстальщика то! Может быть такой способ программного управления есть, я не читал даже еще. Просто пришла мысль и решил поделиться. Кто согласен, не согласен. Другие методы?

Ух ты! Помогло. Благодарю. Надо будет почитать про этот wmode. Очень полезно. Спасибо!

Так не помогло же. У блока меню ставил z-index: 100, у блока с Flash z-index: 0; Не пашет. Нет.

Здравствуйте! При разрешении 1024х768 и меньше на сайте http://ritcar.ru можно наблюдать небольшой глюк. Есть вверху горизонтальное-выпадающее CSS меню (чисто CSS без JavaScript). А в левом блоке есть Flash баннер (там где надпись "Мы издаем") Так вот. Выпадающее меню пункта "Издательство" подлазит под этот баннер, а хочется чтобы было сверху (перекрывало баннер). Попробовал назначать блоку в Flash`кой z-index: 0, но не помогло. Причем такой казус только, когда там стоит Flash. Если поставить статичную картинку, то все нормально. Приведу CSS код меню (у меню id nav), но кажется все намного проще и код даже ни к чему. Любые советы приветствуются. Спасибо. #nav, #nav ul { list-style: none; margin: 0; padding: 0; border: 0px solid #000; background: #515151; float: left; } #nav li { list-style: none; float: left; position: relative; background: #515151; //back\ground: none; } #nav li ul { list-style: none; display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 240px; } #nav a { color: #fff; text-decoration: none; display: block; padding: 0px 10px 0px 10px; background: url(dot.png) repeat-y right; font-family: Tahoma; font-weight: bold; font-size: 15px; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover, #nav li.jshover { background: #333; } #nav li li a { width: 240px; background: #515151; padding-bottom: 5px; border: 1px solid white; text-align: left; } #nav li:hover ul, #nav li.jshover ul { display: block; } #nav li:hover li ul, #nav li.jshover li ul { display: none; width: 158px; top: -9px; left: 153px; } #nav li:hover li:hover ul, #nav li.jshover li.jshover ul { display: block; }

Чтобы сделать такое понадобится несколько слоев. Ключевым будет CSS параметр display, который нужно будет менять с помощью javascript, также пригодятся CSS параметры z-index и position. Вот и все... смотрите примеры, изучайте.

ZoNT, благодарю! Помогло. Извини, видимо, какой-то косяк с кэшем был. В Explorer`e 6 тоже все прекрасно. Еще раз благодарю, ZoNT`ик!

Здравствуйте! Заметил странный баг в Explorer`e. Если слой с параметром overflow лежит внутри таблицы, то в Explorere параметр overflow просто не действует. Вот например код: <div style="width: 100%;"> <table style="width: auto"> <tr> <td> <div style="overflow: auto; width: 100%; height: 200px; position: relative; left: 0; top: 0"> СкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекст </div> </td> </tr> </table> </div> Длинный текст прекрасно обработается в Опере и FireFox, т.е. будет выведена горизонтальная полоса прокрутки для слоя. В Explorer`e полоса прокрутки появится не у слоя, а у всего окна браузера. Как можно подогнать код и под Explorer, если обрамляющая таблица все же нужна и убирать ее крайне не желательно. Буду рад советам.