d0ublezer0

менюшкам сделайте полную ширину и отрицательные margin и не надо будет указыват overflow:visible; вот посмотрите как у меня сделано меню

psywalker ну это да, перемудрил. Однако сути это не меняет. Вот, посмотрите еще, с примером от Лебедева: http://km.transmagistral.ru/col.php Двухколоночный список, вынесенный за пределы основных контейнеров, отображается в шестерке правильно. А внутри #ccol - в одну колонку. Это почему так? Не убирается содержимое? Нет. В больших разрешениях то же самое. Стили не перекрываются, я проверил. В чем же дело тогда? Да, и предложенные хаки от Лебедева не валидны.

Это зачем? Вы расположение блоков смотрели? ccol не может быть без margin - иначе наедет на левую и правую колонку

Great Rash от лебедевцев я пробовал - IE6 что-то их вариант не воспринял. Хотя у них на страничке отрабатывает нормально. Буду еще ковырять. npofopr не понял я слов ваших ибо изьясняетесь не точно вы. Вот как раз лист с колонками его и распирает. Убираю его - всё на местах.

Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru Список в центре сделан в две колонки: #cats_fp li { display:block; float:left; margin-bottom:30px; margin-right:5%; width:45%; background:url(/images/bg_cats.jpg) no-repeat right bottom; } В IE6 у страницы появляется горизонтальный скролл. Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен. Как победить?

Хороший рабочий вариант есть только для Internet Explorer, который стабильно понимает EOT еще с четвертой версии. С остальными же - есть проблемы. Firefox к примеру, понимает font-face с версии 3.6 в формате WOFF А оперу и хром я так и не смог подружить с подгрузкой.

Еще вопрос по смежной теме: font: 1.7em Hortensia, italic 1.5em Georgia; работать не будет, как я понял? Работает только: font: 1.7em Hortensia, Georgia; Цель - если не удалось загрузить нужный шрифт, подставить другой в нужном варианте. Потому что Opera и Chrome последних версий не понимают мой font-face Да, psywalker, твой пример в опере не поет и хромом тоже не блестит.

Отбой. В комплект были включены глифы только западного алфавита.

Может я, конечно, идиот, но я хоть убей не понимаю, почему у меня не цепляются шрифты.. http://km.transmagistral.ru Я сделал комплект при помощи Font Squirrell. На выходе получил шрифты в нужных форматах, CSS и HTML в качестве примера использования. Блин, в их примере всё работает, у меня же, с точным повтором кода - нет. Что, блин, я сделал не так?

Честно говоря, я уже за###лся прикручивать font-face для мозиллы и других друзей, кроме IE (любой версии) - он как танк, прет только прямо (то есть отлично понимает единственный ему известный формат EOT). В связи с этим вопрос: где надыбать русских шрифтов с бесплатной лицензией для WEB или хотя бы с такой лицензией, которая позволяла бы использовать TTF или OTF? Я готов купить шрифт, но, блин, им же должно быть можно пользоваться. А то паратайп со своими ограничениями меня в ступор вогнал..

И у меня не завелось. Ложки не существует, Нео (с)

вот сюда

locky спасибо. сам чего-то не додумался, хотя знал. в отпуск пора.

Да, уточнение - полоса-то в седьмом IE исчезла, а скролл остался. Вот скрин, я специально прокрутил вправо, чтобы эффект был виден: :

С хабры (спасибо Locky):

Собственно, страничку с проблемой можно посмотреть там же

В общем, по лицензии паратайпа на сайтах можно использовать шрифты только в форматах EOT, WOFF и SVG В чем засада: EOT понимает только IE, а WOFF, как я понял, введен в Mozilla только в версии 3.6 Как бы сделать так, чтобы все браузеры понимали, что за шрифт я им подсовываю и чтобы это было в рамках лицензии?

Неа, не помогает Даже в шестом сработало. а в седьмом - нет

Сработало в ФФ, опере и хроме. В IE7 - нет

Минимальную ширину актуально задавать элементам, у которых известен размер. Меню же будет формироваться с различным количеством пунктов. И, посмотри пожалуйста - я не понимаю, почему в твоем примере не появляется горизонтальный скролл из-за UL left:50% а в моем варианте - появился.

А теперь еще, как сделать, чтобы пункты меню не сваливались вниз, когда ширину окна делаешь меньше чем ширина меню? Да, и UL теперь выползает за правый край. Чет не пойму, почему. Вернее, вижу, но как нивелировать не знаю.

Отлично, спасибо!

Не подходит тем, что при нем UL прибивается к левому краю в IE.

Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a { background:url(/images/mm_a_hover.png) repeat-x; } HTML: <div id="mm_container"> <ul> <li class="current"><a href="#">Главная</a></li> <li><a href="#">Компания</a></li> <li><a href="#">Каталог продукции</a></li> <li><a href="#">Партнерам</a></li> <li><a href="#">Контакты</a></li> </ul> </div> В чем проблема - ie6 не понимает display:table и display:table-cell, соответственно меню располагается вертикально вместо горизонтали. Если сделать UL и LI inline, то IE6 поймет. но тогда я не смогу использовать графический разделите как подложку для LI Как поступить? Что нужно подсунуть IE6 чтобы он всё понял как положено? Блин, детский сад какой-то, голова не соображает Вот тут можно посмотреть: http://km.transmagistral.ru/ (только начал делать верстку) если кодировка неверно определится (там UTF-8), извините, еще настройки сервера не применились, через пару минут наладится.

Мишка, что-то ие6 мою гортензию не воспринял..