Softlink

капец, ну ты спорщик. Да не изменится ничего там, пойми ты наконец. Слей себе код, поставь разное кол-во текста и посмотри. При любом разрешении(вплоть до ширины блока меню) оно будет отрабатывать исправно и без косяков. Дружище, ну как же не измениться, если я даже одну строку текста ставлю в боди и уже ппц? http://www.alpatriott.ru/works/primer/menu-fon.html опять двадцать пять Ну где в сайты вставляют контент в боди? Я тебе говорю про конкретную задачу и как ее можно решить только на CSS. Ну будет у тебя хедер, ну ты сделаешь бг-позишн не такой, какие проблемы? Добавишь пункт меню, поменяешь бг-позишн. Но вот в твоем примере хоть все гладко и отрабатывает, но скролл абсолютно портит всю малину. Оксан, я про js не спорю ни капельки. Писал в этом посте еще сразу, что скриптом, возможно, решить проблему проще. Тут я с тобой абсолютно согласен и не возражаю. Спор-то идет вокруг двух вариантов на чистом CSS, какой лучше.

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

Проверено на маке. Самый большой шрифт: Самый маленький шрифт: Какие еще проблемы придумаете?

да ну вас. Мой пример (если без js) изящнее. Это объективно. Макс, твои доводы неубедительны. Сегодня специально буду проверять на маке и выложу скрин. Если там действительно все поедет, я признаю свою ошибку. И к тому же, я сам до него дотумкал. А вот ты сейчас не хочешь этого сделать. Переделанный пример SelenIT'а, здесь подходит не так хорошо. Ну согласись же. ТС, как появишься здесь, напиши что лучше подошло хотя бы в твоем случае.

Если есть скрол и при этом нужна прокрутка фона, то js. 1) вставлять пункты в конец списка меню и будет красота, замечательно просто будет! 2) я же говорил, что если без js.

хорошо, я знал что наполучаю тумаков от вас, но буду стоять на своем здесь Если меню высотой в 50 пунктов и они не добавляются, что будете делать? Да пусть даже не 50 пунктов, а 10, но меню находится на нижнем горизонте окна, т.е. в любом случае появится скролл. p.s. Макс, посмотри сначала на Маке, а потом скажи, что куда поехало

но ты ничего не сможешь сделать, если они добавятся, а я допилил свой пример и могу нормально манипулировать всем этим. Отказался от вырезной картинки и подгружаю только 1 бг. Позишинами выравниваю фон под выпадалкой. Итого, что получается. Мы имеем для дропа всегда левый позишн в 150пк. При случае, если что-то куда-то поедет по горизонтали, мы легко меняем это. Сама выпадалка тянется по высоте. Т.е. если добавится пункт в подменю, то ничего никуда не уедет. Если надо добавить пункт в само меню, то присваиваем ему класс и ровняем только высоту нужному пункту. Высчитывать ничего не надо, все смещаем на высоту родительского пункта, откуда оно выпадает. Все сходится пиксель в пиксель, т.к. мы дублируем картинку. Т.е. при каком-то вмешательстве в верстку поправить меню не составит никакого труда - 3 минутки с перекуром ИМХО - это самый лучший вариант без JS. Ссылка http://www.alpatriott.ru/works/primer/menu-fon.html

Про какой скрол ты говоришь? Хоть 2 сотни. Разницы нету. Или мы о разных вещах говорим. По скриншоту не фига ничего не понятно. Дубль два Добавь в выпадалку не пять пунктов, а 30 например. Появится вертикальный скролл. Страницу можно скроллировать, но фон не подстраивается. Залил на хост, посмотри: http://www.alpatriott.ru/works/primer/menu-fon1.html

Ну если так рассуждать. То psd --> save for web —> <img src="" />, делов-то ну ты не утрируй Я же так не сделал. Я к тому, что заказчик-то на выдумки горазд. Он может сказать перенести этот блок в правый нижний угол. И тогда вообще никакое решение не будет универсальным, понимаешь о чем я? Т.е. универсальность - понятие относительное. Да, но ты вот попробуй вот этот вариант сломать: http://psywalker.ru/Forum/Menu/Menu-fon/2.html Всё таки что не делай, а главное, чтобы фон был повешан и всё. так зато он на скролле совсем поршиво смотрится. И как вы говорите "а если.." там будет 2 десятка пунктов в выпадалке и надо будет скроллировать, что тогда?

Ну если так рассуждать. То psd --> save for web —> <img src="" />, делов-то ну ты не утрируй Я же так не сделал. Я к тому, что заказчик-то на выдумки горазд. Он может сказать перенести этот блок в правый нижний угол. И тогда вообще никакое решение не будет универсальным, понимаешь о чем я? Т.е. универсальность - понятие относительное.

Хорошо, не сделал. Не сделал его универсальным. Я не знаю как его сделать полностью универсальным. Чтобы что ни добавь, все смотрелось красиво. Но с другой стороны, он решает конкретную и весьма не очень часто встречающуюся задачу. То бишь если хочешь такое сделать, будь добр подумать о том, как это будет работать и как это все потом менять. Как и говорю, я не очень люблю вот такие вот "а если.." - если бы да кабы на луне б росли грибы! Есть макет, его надо сделать

Где этот 1пк будет вылазить? Я просто ни разу не видел как это бывает. А вообще я больше люблю конкретику. Универсальность хорошая штука, но если есть конкретная задача, для нее надо придумать конкретное решение. Но я не настаиваю же, что это способ лучший. Просто Мишка просил вчера сделать независимо от кол-ва пунктов и размеров шрифтов, я сделал

ну да, так и есть. Но я вот порой не понимаю таких вот выражений "а если..". Если есть макет, мы его верстаем. Меню (как чаще всего бывает) стоит на месте и никуда не двигается. Мы же не с контентом балуемся, который может вести себя как угодно. Это один фиксированный блок. А что за пример с fixed? ну ты даешь! Это же стандартная архитектура сайта. Две колонки резиновый дизайн. Зачем в боди-то текст забивать? Для этого есть блок для контента. Ну можно и для боди сделать такую штуку. Я делал, как просил Мишка, т.е. максимально близко к примеру автора. всегда ли ты прям в боди пишешь текст? Да, практически в 99% случаев на сайте есть шапка, а это означает, что твой вариант не катит никак. На том же Маке интервал в строках может быть чуть больше, а чтобы сломать твой пример, достаточно всого 1px Поэтому этот вариант мы с Королём вчера и отмели, так как нужен универсальный, качественный, а не сделанный на авось. Да ты не понял. Сделай ты шапку, вырежь картинку которая будет учитывать ее и сделай все также. А по поводу интервала в строках - это line-height который? Ничего никуда не уедет. Все будет на месте стоять.

ну ты даешь! Это же стандартная архитектура сайта. Две колонки резиновый дизайн. Зачем в боди-то текст забивать? Для этого есть блок для контента. Ну можно и для боди сделать такую штуку. Я делал, как просил Мишка, т.е. максимально близко к примеру автора. всегда ли ты прям в боди пишешь текст?

А я сделал Фон появляется только под выпадалкой. Сделано одной картинкой. Независим от добавления и убавления пунктов меню. Ну и шрифтов вроде бы тоже. Разных там натыкал шрифтов и размеров. Проверял во всех актуальных браузерах(ИЕ 6 естественно не работает :hover для блока). Единственный минус, что надо подгружать картинку и ее размер может быть единственным, что отработать неправильно при ну ооочень большом кол-ве пунктов меню. Это тоже решаемо, надо только вырезать картинку побольше. Никаких "хардкодов" тут нет. Все решается background-position . Мы ему задаем отрицательный top, равный высоте основного пункта меню. В общем ссылка вот. Смотрите, судите. Жду Мишкиной рецензии.

поди к вечеру что-нибудь сваяю. Твой последний пример практически дублирует вариант SelenIT'a

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

ну да, а иначе никак. Каждому месту дропа соответствует своя картинка фона.

Договорились, я покопаюсь с этой задачкой. Но только не сегодня. В наших краях уже третий час. Спать надо Обязательно жду доделанного примера. Не хардкоженного. Тоесть классы каждому пункту не делай. Заметано Постараюсь выполнить задачу

Договорились, я покопаюсь с этой задачкой. Но только не сегодня. В наших краях уже третий час. Спать надо

Да ну фигня на постном масле: Вырежь кучу картинок в примере у тебя закрывается не область под дропом, а вообще вся полоска от верха браузера. Вобщем если допилить может и получится что, но както сомнительно. Самое то. Да хоть она до самого низа. Картинка не так тяжела, но задачу свою решает исправно. Просто уже напильничком подработать под себя и все. p.s. а SelenIT крут

у psywalker получше вариант. Меньше резать надо, соответственно качественней выйдет.

до сих пор сидел соображал как это работает, разобрался. SelenIT, а ты мастер на такие штуки хитрые. Прошлый раз для теней соорудил конструкцию Искушенный в этом деле - придумывать нестандартные решения?

Именно. Вырезай для выпадалки больший кусок бг и прибивай его тем же бг-позишн. Будет тянуться выпадалка - будет показываться скрытый бг. А про размер текста какого ты говоришь? Если в меню, то надо на берегу определиться, что лучше сделать. Все замерить и зафиксировать - будет хорошо. А текст в контенте вообще побоку. тут вся сложность, как так точно замерить и вырезать.

так ну и что, что резина. Меню не горизонтальное. А потому часть БГ для боди будет всегда на месте. В крайнем случае застолбить его там background-position:left. Пикселей 400 в ширину от левого края точно двигаться никуда не будут при любом разрешении. Вот отсюда и плясать. а вообще не понимаю всей этой задумки. Для чего оно надо. Я думал там какая-то композиция интересная должна получиться в итоге