Подключение в файле сss скрипта для окргления углов в IE

riki · December 26, 2010

В файле style.css eсть код для округления углов в IE

.ieroundbox{
...
behavior: url(border-radius.htc); /* подключаем наш htc скрипт который и будет округлять углы в ie*/
}

Но IE его не видит.

Сам файл border-radius.htc лежит в одной папке с style.css.

Пробал задавать разные url

../border-radius.htc

./border-radius.htc

и полный путь, но все равно IE, что то не нравиться.

В IE углы не округляются

P.S Cам файл style.css по отношению к главному файлу index.php находиться в sk/css/style.css и здесь же border-radius.htc

Edited December 26, 2010 by riki

sigma77 · December 26, 2010

riki,

Путь в данном случае надо указывать не относительно файла стилей, а относительно самого документа, странички.

riki · December 26, 2010

riki,
Путь в данном случае надо указывать не относительно файла стилей, а относительно самого документа, странички.

Если Вы имели ввиду полный путь - то пробовал результат такой же

Страничка эта index.php ???

Не ясно то, что если файл style.сss и border-radius.htc лежат в одной директории

такое подключение не работает

behavior: url(border-radius.htc)

Edited December 26, 2010 by riki

Shift-Web · December 26, 2010

Сервер должен отдавать правильный заголовок. Подключайте через php:

behavior: url('/misc/PIE.php');

<?php
/*
This file is a wrapper, for use in PHP environments, which serves PIE.htc using the
correct content-type, so that IE will recognize it as a behavior.  Simply specify the
behavior property to fetch this .php file instead of the .htc directly:

.myElement {
	[ ...css3 properties... ]
	behavior: url(PIE.php);
}

This is only necessary when the web server is not configured to serve .htc files with
the text/x-component content-type, and cannot easily be configured to do so (as is the
case with some shared hosting providers).
*/

header( 'Content-type: text/x-component' );
include( 'PIE.htc' );
?>

Есть баг с некоторыми элементами, если они становятся невидимыми, то укажите для них postion: relative;

riki · December 26, 2010

Сервер должен отдавать правильный заголовок. Подключайте через php:
behavior: url('/misc/PIE.php');
<?php
/*
This file is a wrapper, for use in PHP environments, which serves PIE.htc using the
correct content-type, so that IE will recognize it as a behavior.  Simply specify the
behavior property to fetch this .php file instead of the .htc directly:

.myElement {
	[ ...css3 properties... ]
	behavior: url(PIE.php);
}

This is only necessary when the web server is not configured to serve .htc files with
the text/x-component content-type, and cannot easily be configured to do so (as is the
case with some shared hosting providers).
*/

header( 'Content-type: text/x-component' );
include( 'PIE.htc' );
?>
Есть баг с некоторыми элементами, если они становятся невидимыми, то укажите для них postion: relative;

Так дело в пхп или неверный путь в урле?

Shift-Web · December 26, 2010

Извините экстрасенсорные способности барахлят в последнее время. Дайте хоть ссылку чтоли на сабж

riki · December 26, 2010

Shift-Web вопрос же в рамках этой темы....

Раньше углы в IE округлялись (конечно тем способом -->> border-radius.htc), но после перемещения в другой каталог все сайта - упорно IE углы не округляет

Edited December 26, 2010 by riki

Shift-Web · December 26, 2010

В общем подсказку я дал. Цепляйте через PHP -- это более правильно и удобно. Файл htc кладите рядом с php. Чистите кэш браузера и проверяте. И не забывайте что бехавиор должен идти последним правилом.

#css_rounded {
 someProperty: someRule;
 ...
 position: relative;
 behavior: url('/misc/PIE.php');
}

Возможен банальный конфликт. Я бы порекомедовал для ИЕ бехавиор цеплять в CSS через условные комментарии и в нём уже извращаться:

<!--[if IE]><link type="text/css" rel="stylesheet" media="all" href="/misc/ie-fix.css" /><![endif]-->

Edited December 26, 2010 by Shift-Web

sigma77 · December 26, 2010

Если Вы имели ввиду полный путь - то пробовал результат такой же

P.S Cам файл style.css по отношению к главному файлу index.php находиться в sk/css/style.css и здесь же border-radius.htc

Попробуйте задать

behavior: url(/sk/css/border-radius.htc);

eVErl@Sting · December 27, 2010

Я могу ошибаться, но может автор на компе у себя страничку открывает...просто сталкивался с тем что ИЕ файл этот border-radius.htc только на вертуалке/хостинге открывает. Так же если файл прописан в КСС то путь к файлу должен быть относительно css файла.

А еще не маловажно, какой у него доктайп там стоит

Edited December 27, 2010 by eVErl@Sting

riki · December 27, 2010

Попробуйте задать
behavior: url(/sk/css/border-radius.htc);

Пробовал. Результата нет

А еще не маловажно, какой у него доктайп там стоит

стоит такой

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
....

Я могу ошибаться, но может автор на компе у себя страничку открывает...просто сталкивался с тем что ИЕ файл этот border-radius.htc только на вертуалке/хостинге открывает.

сайт "запускается" в денвере

Так же если файл прописан в КСС то путь к файлу должен быть относительно css файла.

пути пробавал разные

структура такая

...localhost\www\1\index.php

в папке 1

sk/css/border-radius.htc и здесь же style.css

то есть в паке 1 -> файл index.php и папки sk/css/ и другие

P.S. Еще используется шаблонизатор smarty

sigma77 · December 27, 2010

Пробовал. Результата нет

Тогда попробуй действительно через php-файл. Должен идти вместе со скриптом. В css нужно написать в этом случае behavior: url(/sk/css/border-radius.php). Сам border-radius.htc должен лежать в той же папке, что и php-файл (либо нужно менять путь внутри файла).

Либо просто в файле добавь в .htaccess строчку AddType text/x-component .htc

riki · December 28, 2010

Сработал такой путь

behavior:url(./sk/css/border-radius.htc)

Но почему работает именно так?

Если файл border-radius.htc и style.css лежат в одной папке - то почему не работает

behavior:url(border-radius.htc)

Возможно это ответ?

Путь в данном случае надо указывать не относительно файла стилей, а относительно самого документа, странички.

Почему?

sigma77 · December 28, 2010

Почему?

Потому что файлы htc подключаются именно так.

По сути это тот же скрипт, только описывает поведение конкретного элемента.

Red Planet · January 23, 2011

Добрый день. Хотел данным методом закругленные углы сделать, но на IE 6, Opera 9.63 закругления игнорируются. Пробовал разные htc, но толку никакого. Можно заставить его работать на всех браузерах? Хороший метод. Кода мало, нет лишних рисунков, блоков. Не хочется от него отказываться.

swetlana · January 23, 2011

Red Planet, а так в Опере и должно игнорироваться. htc — это ИЕ-специфичная возможность.

Вообще предлагаю пренебречь устаревшей версией Оперы, а в новых версиях и border-radius работает.

Red Planet · January 23, 2011

swetlana, пренебрег бы, но читаю требования к верстке и вижу там IE6-8, FF3+, Opera9+, Safari4+, Chrome4+, мне нужно решение, подходящее для них.

swetlana · January 23, 2011

Для старой Оперы нет адекватного решения, только картинками делать.

А эти требования — надо не бездумно принимать как написано, а уточнять их смысл.

Они наверняка просто бездумно скопированы из объявления трёхлетней давности.

Red Planet · January 23, 2011

А эти требования — надо не бездумно принимать как написано, а уточнять их смысл.
Они наверняка просто бездумно скопированы из объявления трёхлетней давности.

swetlana, дай Бог, чтобы оно было так, как вы говорите.

Для старой Оперы нет адекватного решения, только картинками делать.

Найду решение с картинками. Для того чтобы знать, как это делается.

Edited January 23, 2011 by Red Planet

Anuksanomun · November 17, 2011

Сработал такой путь
behavior:url(./sk/css/border-radius.htc)
Но почему работает именно так?
Если файл border-radius.htc и style.css лежат в одной папке - то почему не работает
behavior:url(border-radius.htc)
Возможно это ответ?
Путь в данном случае надо указывать не относительно файла стилей, а относительно самого документа, странички.
Почему?

Доброго времени суток!!!

Вы меня хоть застрелите.... не пашет (border-radius.htc), что я с ним только не делала... вторые сутки головой о стол бьюсь...

Тут говорила через пхп подключать, я не использую пхп... всё в топку...

обычная хтмл верстка (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">),

немного ява скриптов.

Пробовала разные вариации пути один фиг...

Возможен банальный конфликт. Я бы порекомедовал для ИЕ бехавиор цеплять в CSS через условные комментарии и в нём уже извращаться:

так тоже проверила.... Может я что-то не то делаю?

А ООООООООООООООООООООчень надо... может у кого остались ещё какие-нибудь идеи, с радостью выслушаю.

Jekis · November 18, 2011

Попробуйте залить border-radius.htc в папку где лежит index. И прописать behavior:url(../border-radius.htc);

Anuksanomun · November 18, 2011

Попробуйте залить border-radius.htc в папку где лежит index. И прописать behavior:url(../border-radius.htc);

Пробовала хоть вой... ни в какую не пашет

Jekis · November 18, 2011

Скачайте последнюю версию скрипта с сайта 0.5 по моему, да и код стиля хотелось бы увидеть.

Softlink · November 18, 2011

Зачем пишете в чужих топиках? Да еще и годичной давности. Есть проблема\вопрос - создавайте свою тему.

Sign In

Подключение в файле сss скрипта для окргления углов в IE

Question

Link to comment

Share on other sites

23 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information