Love_silense

Мде. Пришлось делать его и в опере яваскриптовым. Это провал.

hover висит на div и на li. На <a> ничего нет. В эксплорере он вешается только на <a> в принципе потому там яваскриптовый класс-заменитель hovera, соответственно немного другая реакция на всё. Кроме того все проблемы ИЕ можно решить условными коментариями(и они уже решены). Тобиш трабла только в опере и трабла до сих пор не решена

актуально как никогда...

Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php. Выпадает при наведении на кнопку "выбор товара". Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает. Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover на li. При родительской ссылке не имеющей active. Указывать контейнеру <li> пробовал все что угодно, от ширины и высоты до манипуляций с overflow и visibility. играющие роль стили : #multiwiev_menu { display:inline; } #multiwiev_menu ul { position:absolute; display:none; background-color:#3879A1; border: 1px solid black; padding:0; font-size:16px; font-weight:normal; } #multiwiev_menu ul.menu-box { width:200px; margin:-4px 0 0 208px; background:url(../img/menu_body.jpg) repeat-y; border:none; text-align:left; } #multiwiev_menu li { border-bottom: 2px solid #074C6D; list-style:none; padding:3px 10px; margin:0px; color:#ccddff; text-align:left; cursor:default; } #multiwiev_menu li.root-item { border-bottom:none; padding:2px 20px; } #multiwiev_menu:hover ul.menu-box { display:block; } #multiwiev_menu:hover ul.menu-box li:hover ul.submenu-box { display:block; } Единственное в инете что нашел по теме - это вот такую вот констатацию факта без какого-либо решения=( Если вы когда либо сталкивались с такой проблемой, пожалуйста опишите ваше решение. Сделать нужно было на вчера . Если вы подскажете можно ди как то задать ссылке что-бы она на любой странице имела класс :active тоже буду благодарен т.к. на худой конец и это поможет решить проблему.

После того как вы это написали минут 10 тупил а нафига я собственно отдельно прописывал мин. ширину двум елементам...

В общем почти победил. За исключением двух моментов - у work_area сейчас высота - процент от высоты родительского, что означает различное расстояние между его низом и футером. Никак не смог сделать так что-бы его размер был резиновый под боковые границы рамок дизайна. Если вы сможете подсказать - буду очень благодарен. Сформулировать вопрос можно так: Как в блоке с высотой 100% разместить два блока - один из которых будет занимать Х пикселей внизу, а другой все оставшееся место вверху? Скорее всего туплю, но голова уже не варит. Ну и основной вопрос - от вот такого експрешна сайт виснет в ИЕ6(по крайней мере при тесте ИЕтестером) *html #content_with_borders { width:expression((this.clientWidth < 780)?("780px"):(this.clientWidth)); } вроде бы експрешн правильный, тем более что аналогичный но для хедера воспринимается адекватно. *html #header { width:expression((this.clientWidth < 910)?("910px"):(this.clientWidth)); } Яваскрипт конфликтует с цсс или что?

епт, спасибо что сказали, как то не обратил внимания . Поставил overflow-y:hidden, счастливые обладатели експлореров наслаждаются полосой прокрутки внизу(overflow:hidden; overflow-x:scroll) То что надо получить можно посмотреть в любом браузере кроме ИЕ6 и 7(правда глюк с overflow я у себя на локалке только убрал). В остальном в плане верстки остаются мелочи. в принципе тот же дизайн только на таблицах и не резиновый вот http://www.mandrymusic.com/page.php?pid=13〈=ua

пнг на странице нет, все jpeg непрозрачные. Решение как всегда пришло с утра=) Вроде бы разбрался с седьмым ослом - обернул оба проблемных дива в ещё один которому установил margin-left:19px, тоесть ширину блока #right_border. Логического обьяснения связи между этими явлениями так и не нашел Пошел терзать шестого.

Сам очень не люблю, но якоря применятся на странице не будут. Посжимал, вроде всё нормально(хедер чуть сьежжал но это мелочи и уже исправил), проблем с overflow:hidden нет. Если у вас были глюки при сжатии страницы напишите плиз в каком браузере. не помогает=( К тому же єто вроде как для шестого ИЕ критично...

Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуации в том что если в штмл поменять их местами то и глючить их будет наоборот. Насколько я понимаю проблема в том что неправильно определяется ширина родительского блока. Как можно это побороть? посмотреть можно тут: http://www.mandrymusic.com/new/mandry.html если кого то заинтересует и для регения потребуются сами файлы - выложу тут же. Всем заранее спасибо за помощь! З.Ы. осёл, умри!

Спасибо, я уже слышал это три поста назад. Ваше мнение учтено. Но я уже вьехал, что вся лажа в методе создания колонок одинаковой высоты с тысячным паддингом и маргином. Ибо в обертке нужно использовать overflov:hidden а якоря его явно не любят. Так зачем всё перевёрстывать?

Хм. Бажит overflow:hidden в блоках height_container и user_body но если его убрать то вот этот padding-bottom: 1000em !important; margin-bottom: -997em !important; способ создания колонок во всю высоту не катит. И позиционирование вообще ни при чем. я не буду с вами спорить, из меня никудышний верстальщик, но пожалуста говорите что именно отстой. Если вы скажете где лажа или хотя-бы "что" лажа то я смогу перевёрстывать и делать как лучше, а после подобных комментариев совершенно непонятно что именно некашерно, соответственно переделывать "что-то" ни стимула ни смысла нет.

да, походу буду перевёрстывать=( И ещё один вопрос всплыл, хоть и немного не по той теме - почему в ИЕ6 форма авторизации(справа на хедере) не видна, задо сам хедер поянулся вниз 0_о?

Вот и я о том-же. У хеадера поз. абсолют что-бы он позиционировался абсолютно относительно края окна барузера и при этом были растягивающиеся колонки в высоту. Но после перехода по якорю край окна браузера должен улетать далеко вверх. В данном примере хеадер ведёт себя как с позишн=фиксед - тоесть задано положение относительно точки на екране. Выдержка из htmlbook. Перечитывал только что много раз. absolute Указывает, что элемент абсолютно позиционирован. В этом случае он не существует в обычном потоке документа подобно другим элементам, которые отображаются на веб-странице словно абсолютно позиционированного объекта и нет. Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера. fixed По своим свойствам это значение аналогично аргументу absolute, но в отличие от него привязывается к указанной параметрами left, top, right и bottom точке на экране и не меняет своего положения даже при пролистывании веб-страницы. Браузеры Netscape, Mozilla и Firefox вообще не отображают полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента. Internet Explorer 6 и ниже не поддерживает данный аргумент. якорь pos1 по логике должен буть спозиционирован относительно родительского елемента.

Изменил названия якорей на pos1, pos2 и т.д. Еффекта ноль, тоесть лажа видимо именно в позиционировании=(

а если вас не затруднит можете сделать скрин? Просто если это ещё один баг то это мрачно

Спасибо, сейчас буду читать, звучит правдоподобно. Вообще-то это стандартный битриксовский компонент, а у их техподдержки есть универсальный ответ "не рассматриваются жалобы на работу наших компонентов в пользовательских шаблонах дизайна". Идиотизм конечно, ведь не делать же абсолютно все сайты на одном бесплатном шаблоне базовой поставки... но аргумет железный на все случаи(крутящий пальцем у виска смайлик). ....почитал. Хм, чесно говоря я не особо понял в чем разница между тем как заданы якоря на странице и по ссылке которую вы дали. Имеется в виду что кроме цифры должны быть и буквы? механизм вроде тот-же, выше якорь установлен <a name="1"></a> и вызывается <a href="#1"></a> На каком месте вы остановились? Если вы не залогинились(логин пароль я привел в посте) то у вас нет кнопки меню "блоги". Или вы что-то другое не нашли?

вот здесь http://www.unizh.com.ua/admin.php логин jabloko пароль tibloko вам туда => "блоги" там слева висит "останнє у блогах" ниже - "коментарі" после того как зашли в коментарии поод любым комментом жмем "посилка". Наблюдаем. Кидаемся трямками и тухлыми помидорами потому что решение вопроса очень лёгкое и описано во всех факах(я на это искренне надеюсь) а я заставил вас поднять жопу и проделать все вышеперечисленные действия=) Спасибо. З.Ы. за любую критику типа "здесь лишние 52 стиля уберать их нафик" тоже буду очень признателен=)

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

Естественно у родителя relative иначе как бы они все под абсолютами ходили. На всякий случай проверил всю цепочку родителей - все relative. Подтверждено firebug-ом.

Собственно есть проблемка, серьёзная, а решения в инєте нигд ене нашел, может кто-то сталкивался... Есть некоторая верстка, вверху страницы есть хеадер, спозиционированный как absolute. Так вот при переходе по внутренней ссылке на закладку в html документе этот абсолют ведет себя как фиксед, тобиш весь контент, тобиш остается вверху екрана когда должен был бы улететь далеко вверх за границы видимости. Наблюдается в фаерфоксе всех версий, експлорере 6-7(8 не пробовал). В опере все шоколадно. Может кто-то уже лечил?

Нужно разставить z-index для родительских элементов. Т.к. експлорер 6 и 7 сравнивает не только индекс элементов но и индекс родительских елементов, причем замечено, что родительский он ценит больше. Тоесть для всех блоков в которые вложено выпадающее меню нужно сделать индекс выше чем для всех куда вложена форма.

ну ето был не найезд, ето было к тому что данное решение не подходит=)

При чем тут это? У тебя одна колонка и футер под ней(причем в 8 опере он даже к низу не прибивается) а мне нужно что-бы все три колонки были с высотой максималоьной колонки

Ну не подгонять же по пипселям под разрешение монитора=) Выяснил ещё один облом: колонки не "тянуся" по высоте за максимальной. http://blog.sjinks.org.ua/test/3col/3col_h100.html вот здесь есть пример где они тянутся(проверял) и я в упор не могу понять почему у меня не так. В фаиле стилей добавил #height_container { background: #999999; height: auto; height: 100%; /* для IE6 */ min-height: 100%; overflow: hidden; } до этого футер не опускался и колонки были константные по высоте. Теперь просто не тянется. Вобщем если кто-то сможет расшифровать магию примера - буду благодарен.