gordi

Выложу свой пример подобного меню. Есть не большие разночтения при работе в IE6 http://trifler.ru/blog/i/menus/click/click.htm Спасибо. Практически идеально и как раз то, что нужно Обновленный пример - http://trifler.ru/blog/i/menus/click/target02.htm

Дружище, а дай плиз ссылку прям на тестовую страницу с примером. Примеров много Вот странички, где собраны, но не все: 1. http://trifler.ru/displayexamples.htm 2. http://trifler.ru/grailexamples.htm 3. http://trifler.ru/grailfloat.htm

Если речь идет о колонках равной высоты, то идем в раздел - http://trifler.ru/grail.htm Читаем смотрим примеры.

На самом деле у вас не одинаковое отображение для ИЕ678 и всем остальными, я имею ввиду обновленную ссылку У вас в адекватных браузерах: во первых, при актиивном меню, фон зеленый во вторых, при нажатии на элемент подменю, все подменю скрывается В не адекватных, это не работает И это с использованием скриптов? Без скриптов можно сделать нормально выпадение для всех браузеров используя :hover, :focus и:active Ну если уж вам так принципиально :target то пожалуйста... И еще у "конкурентов" фиксированная высота ставится в 99% случаев только для того, чтобы работали css transition Если у вас этого не требуется то в коде конкурентов меняем height: 100px; на height: auto; и идем праздновать. 1. Читайте внимательно комментарии к скрипту, минимальная поддержка IE6(7,8) есть и большего требовать едва ли имеет смысл. 2. Есть в моей коллекции меню и на :hover, :focus, :active, но иногда хочется и другого, было бы интересно увидеть именно вашу реализацию на :hover, :focus и :active, без ссылок на те или иные источники, которые в основном дублируют друг друга 3. "...меняем height: 100px; на height: auto;...", а так ли все просто? Попробуйте, буду рад, если у вас все выйдет гораздо проще и лучше.

C <noscript> попробуем Что же до конкурентов, насколько помню, первое меню с использованием :target датировано 2009 годом, по крайней мере, такая запись в моих архивах имеется. У всех конкурентов одна проблема - выпадающий лист фиксирован по высоте в моем случае, этого удалось избежать.

Есть программа FastStone Capture Масса возможностей, встроенный редактор имеется.

Спасибо, Илья. Даже этого вполне достаточно. Обновленный пример - http://trifler.ru/blog/i/menus/click/target01.htm Подсветку заголовка отрытого раздела (dt), лучше сделать без класса. Также желательно, чтобы при отключенном скрипте, меню в IE6(7,8) было полностью раскрыто. Хотя и вашего скрипта для минимальной поддержки IE6(7,8) хватит за глаза Еще раз спасибо.

Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)

Читаейте раздел http://trifler.ru/fixfixed.htm И не используйте position:fixed

Можно и без expression Как вариант http://trifler.ru/blogcss.htm

http://trifler.ru/element/element02.htm

Ну, скажем не самое соложное мой пример, были и посложнее, и там все было тип-топ с .expand a:hover {color:green;height:500px;}

Спасибо. Если дело только в этом: .expand:hover { color:green;height:500px;} * html .expand a:hover { color:green;height:500px;} Хотя везде и всегда работало: .expand a:hover { color:green;height:500px;} Тогда, вообще, не понятно что с IE8

При попытке сделать стандартный трех колоночный макет с колонкоми равной высоты при помощи display:inline-block; и display:inline; для IE6(7), появилась проблема в IE8 - не растягивается цветная подложка по высоте. Пример представляет чисто спортивный интерес.

Все давно известно Осталость решить проблему горизонтальной прокрутки при уменьшении размеров окна браузера

У любого приема фиксации колонок(блоков) есть свои недостатки. Вот здесь есть примеры, где не используется position:fixed в одном случае абсолютное позиционирование, в другом только float Единственный минус - нет вертикального скролла.

Вероятность 100%

Может быть в данном конкретном случае это и прокатит Но, как только мы попытаемся сделать полноценную web-страницу на основе position:fixed и при уменьшении страницы по горизонтали, поиграемся горизонтальным скроллом, то сразу станет понятно, что простых решений нет и не будет, наезд контента на фиксированный блок будет обеспечен

Будет или это решение простым и гениальным если по нему сделать нечто подобное http://trifler.ru/blog/i/layouts/fixed/lef...xed_content.htm

Читать http://trifler.ru/fixfixed.htm что поможет решить проблемы не только IE6

Спорным представляется решение, во чтобы-то нистало, делать резиновые дизайны, которые таковыми не являются Скажем, мне как обладателю широкоформатного монитора с максимальным разрешением в районе 2000*ХХХХ, абсолютно без разницы, если кто-то сделал дизайн, который имеет плавющую ширину для области контента в 200px или он имеет фиксированные по ширине колонки навигации, а область контента занимает все доступное место и в том и другом случае все будет выглядеть не пропорционально и ужасно. Что будет происходить с графикой по background:url(...); и текстом уже писал, в этом случае мне все одно придется масштабировать страницу средствами браузера, чтобы привести ее в более или менее надлежащий вид, тогда какой смысл делать резину? Итак, или фиксированный дизайн и масштабирование страницы средствами браузера, или пропорциональный дизайн, который автоматически подстраивается по все разрешения экрана монитора. Во втором случае только средствами html и css проблему не решить, нужен JavaScript определяющий разрешение и подставляющий необходимые стили и графику по соотвествующее разрешение. В общем, проблем с пропорциональным дизайном великое множество... Размышления об этом можно было бы вынести в отдельную ветку форума, для более полного обсуждения всеми заинтересованными лицами, если таковые найдутся и им будет, что сказать

Думаю, редко кто меняет разрешение по собственной инициативе, скорее всего оно всегда стоит по дефолту Но к сожалению, мы не знаем какое разрешение у посетителя ресурса и то, что выглядит замечательно на 1280*800, на 1900*1024 смотрится отвратительно и ни полурезина, ни адаптивная разметка этого исправить не может, вот в чем проблема. Поэтому только фиксированный дизайн или переход на более высокий уровень - пропорциональный дизайн

Почему из другой? Чем это хуже полурезины, которую вы предлагаете?

Делайте фиксированную разметку. Пользователь сам сможет с помощью средств представляемых браузером, масштабировать вашу страницу. Резиновая верстка в понимании многих это только плавающая ширина макета ограниченая по min/max width, которая совершенно не учитывает изменение размера по вертикали. Скажем, линейка 1280, не полная, может быть такой 1280*720, 1280*786, 1280*800, 1280*960, 1280*1024 почувствуйте разницу на крайних разрешениях - 1280*720 и 1280*1024, любая графика фиксированных размеров будет искажена, особенно отданная через background:url(xxx.png); Также четко просматриваюся проблемы с размером шрифта на более высоких разрешениях, когда текст становится практически не читаемым. С учетом этих и других особенностей нужно переходить к пропорциональному дизайну (разметке) или ограничиваться фиксированным. Адаптивная разметка не учитывает пропорций всех элементов web-страницы и не может служить полноценной альтернативой.

На мой взгляд, говорить о резиновых макетах, где учитывается только ширина не никакого смысла. Больше логики, когда все элементы web-страницы в зависимости от разрешения экрана монитора меняются пропорционально, как по высоте, так и по ширине и занимают всю доступную рабочую область браузера. Разметка, где скажем, область контента тянется максимально, а колонки навигации имеют фиксированную ширину и макет на разрешении 1024*768 выглядит достойно, на разрешении 1920*1080 будет смотреться совершенно иначе и совсем не в лучшем виде. Пример возможной реализации, не идеальный http://trifler.ru/i/layout/proportions/proportions_font.html