18 сентября 2011 в 13:13
Здравствуйте!
Набросал себе сайт-визитку, Drupal первый раз использую.
Проблема такая: стандартная тема Batrik 7.8, только цвета из администраторского раздела поменял.
В Chrome, Opera, Firefox все отображается как надо, а в Explorer фигня полная - цвета не те, градиента в шапке нету, даже края у закладок главного меню в шапке не закругляются.
Что с этим можно сделать? На Explorer много народу сидит, не хочется, чтобы им такой позор показывало.
Спасибо!
Комментарии
А Вы думаете зря ишачка ругают и так все ненавидят?
Поиск по гуглу "IE CSS3".
Думаю, что не зря. Сам им не пользуюсь уже не помню сколько лет)
пытаюсь прикрутить ie-css3.htc только пока не могу понять куда))
в файле colors.css где описываются градиенты header, добавление behavior: url(ie-css3.htc); ни к чему не приводит
попробовал вставить описание header из этого файла в файл ie.css и теперь шапка вообще синяя стала)
куда правильно вставить эту инструкцию? Спасибо!
писать CSS для IE. Посмотрите примеры на htmlbook.ru, там написано, как реализовать такие штучки через filter.
Много пафоса и рабочее решение.
Спасибо, пробую..
Видимо, не получается почему-то PIE.htc подключить..
В Notepad++ строка behavior: url(PIE.htc); вообще никак не выделяется, в отличие от других параметров. Как будто ошибка какая-то или неизвестная команда.
Пытаюсь подключить его в файле colors.css, в котором стиль header прописан
И пытаюсь в файле ie.css добавляю описание header и там подключаю, но ничего не работает.
Файл PIE.htc лежит в одной папке с Css..
Ничего не понимаю)
кладёте рядом pie.php, он отдаёт pie.htc с правильным заголовком. путь в behavior указываете на pie.php. ток не увлекайтесь, сожжёте юзерам процессор
спасибо за ответ) у меня pie.php и pie.htc лежат в папке themes/bartik/css вместе со всеми css файлами этой темы
прописываю behavior: url(PIE.php); и результата пока нет
путь надо еще указать? или я все правильно пишу?
Уважаемый Cyber, подскажите, путь я правильно указываю или нет? Мерси заранее!
пробуйте, ещё пару попыток, внимательное изучение предмета и у вас всё получится.
Забавно, конечно, но я уже пробовать замучился, поэтому здесь и попросил поддержки
IE, градиенты, закругленные края – прямо подарочный набор мазохиста.
Да уж я сам не мог подумать, что в стандартной теме такой популярной CMS, такая косячина с IE зарыта
десять баксов ... за 30 в час я вас научу персонально на дому, разжевав всё то, что можно прочитать по ссылке выше и непосредственно в коде, передвижение за ваш счёт
В Batrik CSS-хаки используются типа -moz-border-radius (FF), -webkit-border-radius (Chrome/Safari).
Да и просто border-radius (CSS3).
Вариантов 2:
1. Искать другой шаблон.
2. Править CSS (закруглять с помощью span-ов, например). CSS только для IE подключите, используя условные «комм-рии» вида:
Здесь подключаете ваш стиль для IE
<![endif]-->
Уже немного. Сейчас скорее на FF.
От тематики еще зависит - уверен, на д.ру не более 10% ишаколюбов.
UPD: края закладок меню теперь закругляются, осталось теперь градиент победить, при помощи PIE.htc
css3pie
у меня не заработало, пока я в создаваемом модуле файле не поменял путь на .php файл. лежит где-то в файловой системе папка.
однако, я использую старую версию модуля. в свежей dev, наверняка исправили (ну или в stable, если она там есть, смотрите даты)
Спасибо всем за советы!
В общем, сделал градиент в шапке, криво и непрофессионально, но отображается теперь страница так же, как и в нормальных браузерах))
Тупо подключил для IE отдельный файл ie.css и в нем прописал background картинкой) То есть просто сделал скриншот из Chrome.
#header.without-secondary-menu { background: url(../images/bg_header_for_ie.png) repeat-x 0 center transparent;}
Если когда-нибудь поменяю цвета, то картинку сделаю для Explorer другую за минуту