gordi

К обоим блокам применяется правило .hackcss {} Ко второму блоку применяется правило *+*.hackcss {} поскольку только у этого элемента с этим классом есть предшествующий сестринский элемент. Естественно пофигу. Точно также как и div > p или div[class] Тогда почему добавление <br> сразу после </body> меняет оформление первого блока?

*+*.hackcss - любой элемент с классом hackcss следующий после любого элемента. Звездочку можно использовать в любом месте. Да, но есть всё таки одно НО. Зацени, я ставлю <br /> в начале и всё обламывается. http://jsfiddle.net/qvVUU/ Хотя не, тут я уже тупанул вроде, тогда непонятно, где же подвох? Нее, не, тут есть подвох какой-то)) Так и я о том же Причем IE6 все эти выкрутасы по фигу Типа антихак для него на рисовался Сам не знаю что с этим делать, вроде и ни к чему фишка, где ее, когда использовать, но есть проблема и как быть не понятно

Меня единственное смущает, это последняя звёздочка после "+". *+* - выходит это можно расценивать, как Применять к любому элементу, перед которым идёт любой другой элемент? Возможно вы и правы, но любой другой символ вместо "~" или "+", все это дело для второго по html-коду блока отменяет. Также, если сразу после </body> добавить хотя бы <br>, начинает работать только *~*.XXX {...} и это не понятно После закрывающего тега body? Да. Можно вопрос поставить иначе. Почему и первый и второй блок оформлены по разному? По идее, с учетом последней строки стилей с *+*, визуал обоих блоков должен быть одинаковым, а это не так

Возможно вы и правы, но любой другой символ вместо "~" или "+", все это дело для второго по html-коду блока отменяет. Также, если сразу после </body> добавить хотя бы <br>, начинает работать только *~*.XXX {...} и это не понятно

А должно ли быть так, что *~*.XXX {...} или *+*.XXX {...} Меняет оформление блока с одним и тем же классом?

Благодаря собственной ошибке выявил занятную вещицу Посмотреть - http://trifler.ru/blog/i/hackcss/hackcss.htm Загляните в html-код

Он нужен только для демонстрации, что контент в блоке фиксированных размеров прокручивается.

Может быть это - http://trifler.ru/i/element/element09.html поможет

Тогда только на так - http://trifler.ru/i/layout/lc_shablon_01.html с использованием: margin-bottom:-32600px;padding-bottom:32600px;

Напишите для меню стили типа: li {background-color:#c9c;color:#a00;} li li {background-color:#ccc;color:#000;} li li:hover {background-color:#000;color:#fff;}

Сделайте разметку страницы на основе колонок равной высоты, как пример - http://trifler.ru/i/grail/grailgordi/grailideal/grailideallc.html И не растягивайте колонки по высоте на 100%, контент растянет

Можно здесь - http://trifler.ru/grailexamples.htm выбрать

С массой примеров: 1. http://trifler.ru/layout.htm 2. http://trifler.ru/grail.htm

Можно так попробовать - http://trifler.ru/element/element05.htm

Или копать в эту сторону - http://dimox.name/css-fixed-large-background/

Тюнинг стилей может привести к такой забавной вещице - http://trifler.ru/blog/i/menus/click/target04pm.htm Для IE6(7,8), видимо, потребуется доработка скрипта, тоже можно сказать и о стилях

Точно Сколько времени убил решая проблему, а вот забыл

Попробовал Работает, но все остальное не понимаю В JS не силен Попытался пристроить меню на полноценную страничку. Первое разочарование, при использовании: margin-bottom:-32767px;padding-bottom:32766px; для эмуляции колонок равной высоты страница ведет себя, как-то странно. Разбираюсь

вот как раз высоту надо стандартизировать, а ширину в auto поставить. Значит сделать на оборот .ngg-gallery-thumbnail img {width:auto;height:XXXpx;}

Спасибо, разобрался. Последняя редакция меню - http://trifler.ru/blog/i/menus/click/target04.htm

Благодарю за ответ, gordi. Вопрос в том, что галереи есть разные (см. здесь), и у разных фоток разные соотношения сторон и размеры. Поэтому я не могу в лоб задать такой стиль. Необходимо более универсальное решение. У вас проблема в ширине картинок. Можно иначе: .ngg-gallery-thumbnail img {width:XXXpx;height:auto;} Ширину подберет оптимальную, а высота автоматом подстраиваться будет.

Хотелось имитировать отсутствие/отключение скрипта и получается, что при отсутствии скрипта стили не работают, видимо из-за <noscript>...</noscript>, а удаление <noscript>...</noscript> приводит к тому, что если скрипт подключен, стили его перебивают

Попробуйте в файле стилей такую запись: .ngg-gallery-thumbnail img {width:XXXpx;height=XXXpx;} Вместо ХХХ подбираем нужное значение. Данные стили перебивают значения размеров картинки указанные в html-коде к ним, строка в вашем фрагменте: <img width="250" height="188" ...>

Еще раз большое спасибо. Наверно не понимаю, но если в условные комментарии добавляю <noscript> <style type="text/css"> .target dd {display:block;height:auto;} .target dt a {background:#080;color:#fff;cursor:text;} .target dt a:hover {background:#080;color:#fff;} </style> </noscript> и удаляю из них скрипт, меню не разворачивается в IE или туплю

Спасибо, Илья. Это вариант короче. Но или что-то сделал не так или... Не работает. Ограничился добавлением двух строк из этого варианта в ваш первый. window.targetedDl.getElementsByTagName('a')[0].style.backgroundColor = ''; window.targetedDl.getElementsByTagName('a')[0].style.backgroundColor = '#080'; Скрипт стал таким: <!-- for IE6,IE7 and IE8 --> <!--[if lt IE 9]> <script type="text/javascript"> document.attachEvent('onclick', function() { setTimeout(function() { var target = document.getElementById(location.hash.replace('#','')); if (target && target != window.targetedDl) { if (window.targetedDl) { window.targetedDl.getElementsByTagName('dd')[0].style.height = '0'; window.targetedDl.getElementsByTagName('a')[0].style.backgroundColor = ''; } window.targetedDl = target; window.targetedDl.getElementsByTagName('dd')[0].style.height = 'auto'; window.targetedDl.getElementsByTagName('a')[0].style.backgroundColor = '#080'; } },1); }); </script> <![endif]--> Обновление - http://trifler.ru/blog/i/menus/click/target03.htm А тут трудно сказать Скрипт по объему будет больше, чем стили и html-код самого меню, стоит ли не адекватность IE лечить в таком случае? Хотя и сам многие вещи делаю чисто из спортивного интереса ******* Для полного "счастья" в скрипт последнего обновления меню после строки: window.targetedDl.getElementsByTagName('a')[0].style.backgroundColor = '#080'; Стоит добавить window.targetedDl.getElementsByTagName('a')[0].style.cursor = 'text'; Тогда при наведении курсора мыши на заголовок открытого раздела, будет полная идентичность с вменяемыми браузерами.