http://trifler.ru/blog/ Lasto Blogging Engine ru gordi serg_gordi@mail.ru serg_gordi@mail.ru http://trifler.ru/blog/i/lastoblog.png http://trifler.ru/blog/ http://trifler.ru/blog/post_1245149795.html <p>Контролировать все и вся на <em>web</em>-странице - задача не из простых.</p> <p>Первая проблема - плавающая ширина колонок, предполагает переход от традиционной разметки каркаса страницы, основанной исключительно на пикселях к процентам.</p> <p>А трудности верстки на процентах всех элементов <em>web</em>-страницы, известны, в ряде случаев практически невозможно добиться идеальной визуальной совместимости. Сложности подстерегают на каждом шагу.</p> <p>К примеру - великое разнообразие форм, приведение их в более или менее божеский вид даже с использованием пикселей вызывает порой не преодолимые <a href="http://trifler.ru/blog/comment_1208885174.html">трудности</a>.</p> <p>Вообще, проценты, штука не понятная, физического смысла не имеющая.</p> <p>Может быть, именно по этому производители браузеров не обращают должного внимания на эту сторону вопроса и от сюда столь вопиющие разночтения по визуалу при попытке сверстать, что либо на них.</p> <p><a href="control.html">Примеры</a> четко показывают, что при переходе с одного разрешения на другое, смотрим в диапазоне от 1024*768 до 1600*900, макет страницы идеально выглядящий при нынешнем дефолте (1024*768), может разочаровать любителя прекрасного на иных разрешениях, легко и просто.</p> <p>Понятно, что сейчас практически не возможно встретить страницу, где каждая колонка или блок имеют свой индивидуальный цвет, <em>border</em>. Приводя в качестве иллюстрации подобного рода разметку, только показываю все не совершенство крутых и не очень, но кем-то любимых по необъяснимым причинам браузеров.</p> <p>Но это не единственная боль и печаль.</p> <p>Переход с пикселей на проценты ставит еще более глобальную проблему.</p> <p>А именно - <strong>графика</strong>.</p> <p>При чем не просто картинка, заключенная в</p> <pre class="pre"> &lt;img src="/"&gt;</pre> <p>Тут задав ширину в процентах худо-бедно, можно получить приемлемый результат, а вот как быть с <em>background:url(XXX.xxx)</em>?</p> <p>А если вернуться к <a href="http://trifler.ru/blog/comment_1243948848.html">"Не АК, но автомат…"</a> и посмотреть на проблему в более широком аспекте, придется признать, что на сегодняшний день, средствами <em>html</em> и <em>css</em>, озвученное, не имеет полноценного решения без привлечения JavaScript.</p> <p>Кто-то скажет, к чему все это? Зачем лишняя головная боль?</p> <p>Нет у меня ответа.</p> <p>Но и положение вещей, когда практически никто не задается подобными вопросами и не ищет решений, а кризис в данном случае на лицо, лично меня не устраивает.</p> <p>Традиционные, устоявшиеся каноны, где все сводится к устранению мелких, частных проблем, рано или поздно, а производители мониторов не остановятся на достигнутом, приведут в тупик и ждет нас возврат к <u>плоским</u> страницам без колонок и прочих атрибутов уже привычных глазу.</p> <p>Тенденция прослеживается, может и не очень четко, но она есть.</p> <p><a href="http://dimox.name/dynamic-font-size-on-jquery/">Дмитрий</a>, написав продолжение, привел <a href="http://dimox.name/examples/dynamic-font-size-on-jquery.html">пример</a>, на мой взгляд, не совсем удачный, колонки, отведенные под навигацию, не имеют плавающей ширины.</p> <p>В комментариях им же был дан <a href="http://www.tinnedfruit.com/sandbox/textzoom.html">линк</a>, еще на один пример, где не используется библиотека <em>jQuery</em>, но и в нем нет универсальности, размер шрифта при переходе с одного разрешения на другое, простом изменении размеров экрана монитора, меняется только в колонке отведенной под контент. Попытки применить работу скрипта ко всей странице, всем колонкам, успехом не увенчались.</p> <p>Возможно, кому-то удастся сделать и это.</p> <p>Проблема обозначена. Поиск не простых решений продолжается…</p><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1245149795.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1245149795.html">All Comments</a></div> <!-- RSS_link_to_post end --><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1245149795.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1245149795.html">All Comments</a></div> <!-- RSS_link_to_post end --> Tue, 16 Jun 2009 17:56:35 GMT