Не могу включить border-radius for IE<9

[Aleksey19881988]

При чём не первый раз сталкиваюсь перед этим тоже то получалось то фиг Вот сайт

Вот скрин:элементы с border-radius

Edited July 14, 2012 by Aleksey19881988

[moron]

border-radius for IE<9

Не поддерживает ослик меньше 9 таких свойств. http://htmlbook.ru/css/border-radius . Сделайте по-старинке : картинками или http://css3pie.com/ ...Или я не правильно понял тему?

+ блок Maecenas suscipit(не класс - содержимое) вы засунулы в тег(или селектор?) menu, а содержимое в список, я могу ошибаться, но вроде, это нарушение семантики.

Edited July 14, 2012 by moron

[Aleksey19881988]

border-radius for IE<9

Не поддерживает ослик меньше 9 таких свойств. http://htmlbook.ru/css/border-radius . Сделайте по-старинке : картинками или http://css3pie.com/ ...Или я не правильно понял тему?

+ блок Maecenas suscipit(не класс - содержимое) вы засунулы в тег(или селектор?) menu, а содержимое в список, я могу ошибаться, но вроде, это нарушение семантики.

насчёт семантики я нарушил вроде только то что вместо заголовка я засунул Maecenas suscipit в li а не h3

насчёт ослика ниже 9-го я в курсе надо было просто уточнить что я использовал метод http://css3pie.com/,но почему то не работает

вот и хочу разобраться почему

Edited July 15, 2012 by Aleksey19881988

[Catherine]

Используя метод с css3pie.com прочитайте внимательно, как правильно его применять

Я беру файл PIE.htc, кладу его в корень(там, где находятся html-файлы), в css прописываю путь: behavior: url(path/to/PIE.htc);

Если возникают проблемы, читаю тут. Если проблемы с английским, про PIE можно почитать здесь.

Edited July 15, 2012 by Catherine

[Aleksey19881988]

вот и у меня вроде так:

div#button{
	width:100px;
	margin-top:25px;
	background:#93B900;
	border:1px solid #9A9A6C;
	border-radius:15px;
    behavior:url(../js/ie-css3.htc); 
}

ещё:

aside menu{
	background:#FFFCDB;
	height:100%;
	line-height:2em;
	padding-bottom:15px;
	border-radius:20px;
    behavior:url(../js/ie-css3.htc); 
}

и ещё:

li.first{
	height:35px;
	background: url(../img/green_line.png) repeat-x;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 0 10px;
	color:#FFFBDB;
	margin-bottom:7px;
	border-radius:19px 19px 0 0;
    behavior:url(../js/ie-css3.htc); 
}

можно всё это посмотреть в исходном коде

Edited July 15, 2012 by alexriz
Для кода есть тег CODE

[Catherine]

вот и у меня вроде так:

behavior:url(../js/ie-css3.htc);

Вы уверены, что js - это корневая папка?

И почему ie-css3.htc ? По ходу, Вы думаете, что используете метод css3pie.com, а на деле http://fetchak.com/ie-css3/

Это не одно и то же. Хотя и там написано:

should work if ie-css3.htc is in the root directory of the site

Edited July 15, 2012 by Catherine

[Aleksey19881988]

Я использовал и файл PIE.htc а второй нашёл как альтернативу первому думал может с этим заработает,а в папку js кинул до кучи чтобы в папке со скриптами был файл, я ужу пробовал и в корень бросать,всё равно фигу

[Catherine]

Подключите PIE, как указано в инструкции, тогда можно будет говорить о проблеме. На локальной машине проблема наблюдается?

[lexxcode]

С htc версией pie слишком много заморочек, из-за того, что его путь нужно указывать относительно адреса документа, а не css файла. Как правило выполнение этого условия оказывается невыполнимым. Есть альтернатива в виде js библиотеки, ее закидываете куда вам удобно, и указываете к ней пункт в head, а далее инициализируете ее к тем элементам к которым вам нужно. В инструкции на сайте все это описано.

[Aleksey19881988]

Подключите PIE, как указано в инструкции, тогда можно будет говорить о проблеме. На локальной машине проблема наблюдается?

и на локальной и в сети

указал относительно документа скрипт по ходу заработал но фоновые изображения вообще пропали

[Aleksey19881988]

а далее инициализируете ее к тем элементам к которым вам нужно. В инструкции на сайте все это описано.

скрипт подключил а вот далее мне не понятно где код ковырять/вставлять я англ.плохо знаю и с js не знаком

Edited July 15, 2012 by Aleksey19881988

[Aleksey19881988]

пробовал как здесь http://cssdot.ru/%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B8/PIE/12.html тоже не вышло,я наверное где то грешу или туплю

[Softlink]

Насчет локалки не знаю, но на хостинге попробуйте вставить вот эту строчку: AddType text/x-component .htc в самый верх вашего .htaccess

Она же заставляет работать pie и в денвере.

[Aleksey19881988]

сейчас попробую

снова фон пропадает и всё

Edited July 15, 2012 by Aleksey19881988

[lexxcode]

Если фон пропадает, то добавьте блоку position:relative;

[Aleksey19881988]

Alexriz сработало!!!Вы гений ,только объясните как это связано с позитион релатив

Alexriz сработало!!!Вы гений ,только объясните как это связано с позитион релатив

блин чего вы раньше не сказали

будет у кого то свободное время расскажите как это же сделать при помощи js

Edited July 15, 2012 by Aleksey19881988

[lexxcode]

это особенности работы pie. Об этом решении написано на сайте разработчика. Это не я придумал

[Aleksey19881988]

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

[lexxcode]

1. закидываете PIE.js в папку js, например.

2. Подключаете в CC для IE8-

3. Инициализируете

И не забудьте подключить либу jQuery

<!--[if lte IE 8]>
    <script type="text/javascript" src="js/PIE.js"></script>
    <script type="text/javascript">
        $(function() {
            if (window.PIE) {
                $('.pie').each(function() { // перебираем по очереди все элементы коллекции
                    PIE.attach(this); // Закрепляем элемент к PIE
                });
            }
        });
    </script>
<![endif]-->

[Aleksey19881988]

1. закидываете PIE.js в папку js, например.

2. Подключаете в CC для IE8-

3. Инициализируете

И не забудьте подключить либу jQuery

<!--[if lte IE 8]>
    <script type="text/javascript" src="js/PIE.js"></script>
    <script type="text/javascript">
        $(function() {
            if (window.PIE) {
                $('.pie').each(function() { // перебираем по очереди все элементы коллекции
                    PIE.attach(this); // Закрепляем элемент к PIE
                });
            }
        });
    </script>
<![endif]-->

я уже вроде так делал ссылку выше бросал,и вот ещё раз на локалке попробовал не выходит,наверное что то упускаю