Контролировать все и вся на web-странице - задача не из простых.

Первая проблема - плавающая ширина колонок, предполагает переход от традиционной разметки каркаса страницы, основанной исключительно на пикселях к процентам.

А трудности верстки на процентах всех элементов web-страницы, известны, в ряде случаев практически невозможно добиться идеальной визуальной совместимости. Сложности подстерегают на каждом шагу.

К примеру - великое разнообразие форм, приведение их в более или менее божеский вид даже с использованием пикселей вызывает порой не преодолимые трудности.

Вообще, проценты, штука не понятная, физического смысла не имеющая.

Может быть, именно по этому производители браузеров не обращают должного внимания на эту сторону вопроса и от сюда столь вопиющие разночтения по визуалу при попытке сверстать, что либо на них.

Примеры четко показывают, что при переходе с одного разрешения на другое, смотрим в диапазоне от 1024*768 до 1600*900, макет страницы идеально выглядящий при нынешнем дефолте (1024*768), может разочаровать любителя прекрасного на иных разрешениях, легко и просто.

Понятно, что сейчас практически не возможно встретить страницу, где каждая колонка или блок имеют свой индивидуальный цвет, border. Приводя в качестве иллюстрации подобного рода разметку, только показываю все не совершенство крутых и не очень, но кем-то любимых по необъяснимым причинам браузеров.

Но это не единственная боль и печаль.

Переход с пикселей на проценты ставит еще более глобальную проблему.

А именно - графика.

При чем не просто картинка, заключенная в

<img src="/">

Тут задав ширину в процентах худо-бедно, можно получить приемлемый результат, а вот как быть с background:url(XXX.xxx)?

А если вернуться к "Не АК, но автомат…" и посмотреть на проблему в более широком аспекте, придется признать, что на сегодняшний день, средствами html и css, озвученное, не имеет полноценного решения без привлечения JavaScript.

Кто-то скажет, к чему все это? Зачем лишняя головная боль?

Нет у меня ответа.

Но и положение вещей, когда практически никто не задается подобными вопросами и не ищет решений, а кризис в данном случае на лицо, лично меня не устраивает.

Традиционные, устоявшиеся каноны, где все сводится к устранению мелких, частных проблем, рано или поздно, а производители мониторов не остановятся на достигнутом, приведут в тупик и ждет нас возврат к плоским страницам без колонок и прочих атрибутов уже привычных глазу.

Тенденция прослеживается, может и не очень четко, но она есть.

Дмитрий, написав продолжение, привел пример, на мой взгляд, не совсем удачный, колонки, отведенные под навигацию, не имеют плавающей ширины.

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

Возможно, кому-то удастся сделать и это.

Проблема обозначена. Поиск не простых решений продолжается…