Softlink

По мне, так это ваще жесть. Намного удобнее использовать классы, чем такой каскад.

Похоже - http://jsfiddle.net/Softlink/jPFgS/ ? Еще такой вариант есть - http://jsfiddle.net/Softlink/jPFgS/1/

Это можно на CSS сделать. Глядишь и 50 рублей сбережете

http://jsfiddle.net/UZWsA/28/

Если честно, то больше напоминает использование джипега

Оксанку бери, Оксанкуууу! Будет тебе духовная пища, да и так тебе че-нибудь сварит

вот по этому принципу http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva , только размер сайдбара задавать в пикселях и отступ соответственно. margin-left: 300px;

А стоит ли вообще гоняться за одним пикселем? Судя по картинке, он там роли совсем не играет. Ну я, по крайней мере, разницы вообще не заметил.

Может не стоит делать такие массивные тени, а как-нибудь вот так http://clip2net.com/s/1WPdv ?

У ячеек таблиц вертикальная зависимость. Каждая нижняя ячейка соответствует верхней. Если вы растянули три верхние ячейки, то растянутся и нижние, но в вашем случае некуда девать контент в остальных ячейках, потому браузер высчитывает свою ширину ячейкам. А вот как он ее высчитывает - это надо почитать в спеке или спросить у Selenit'a. *Еще допишу. Именно так, как вы хотите, сделает table-layout: fixed, который заставляет браузер в обязательном порядке читать размеры ячеек первой строки, но последствия его печальны. Остальной контент он выместит за пределы таблицы, либо наложит его один над другой.

А вы с colspan знакомы?

Используйте для этого media queries. Делайте макет полностью резиновым, потом, на определенном разрешении фиксируйте ширину правого блока. О разметке уже сами подумайте, как лучше сделать.

Только фиксить размеры пунктов меню.

не, по-моему, это я не так понял) И конструкция моя бессмысленна, запарился))

Попробовать и посмотреть, как будет выглядеть на больших экранах (разница, в принципе, не большая - 1400 и 1900). Потом уже думать, как его резать или позиционировать.

Такой вариант подойдет - http://jsfiddle.net/Softlink/NsHEv/ ?

Уже обсуждали, там несколько вариантов.

Тестовый пример куда-нибудь выложите, так сложно что-то понять\объяснить.

Интересное чтиво.

Лучше на бесплатный хостинг.

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

Eugene-N, понравилось ваше пояснение Но лучше всего не выкладывать архив, а залить страничку куда-нибудь. Так повысятся шансы в решении вашей проблемы.

li { border-right: 1px solid transparent; } li:hover { border-right: 1px solid #fff; }