Разработчикам

border-radius в IE8+ ( HELP!!! )

RSS

Пользователь 126000

Заглянувший

Сообщений: 8 Регистрация: 16.04.2012

17.05.2012 11:16:24

делаю тестовую страничку в отдельном HTML

Код

.form-button
{
    position: relative;
    left: 44px;
    text-decoration: none;
    background-color:#cf122a!important;
    border: none;
    width: 60px;
    height: 30px;
    cursor: pointer;
    cursor:hand;
    color: #ffffff;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    overflow: hidden!important;
    beh * avior: url(ie-css3.htc);
}

все работает на ура.. как и везде и всегда...
Вставляю в битрикс в шаблон... углы не скругляет... даже в IE9

Помогите.. скоро плакать пойду

Пользователь 40228 Постоянный посетитель Сообщений: 201 Баллов: 18 Регистрация: 30.03.2009 Только Хард-кор	#2 17.05.2012 11:41:43 Правило не видит этого файла avior: url(ie-css3.htc); Наверное нужно полный путь написать от корня avior: url(/resors/ie-css3.htc); Только Хард-кор

Пользователь 126000

Заглянувший

Сообщений: 8 Регистрация: 16.04.2012

17.05.2012 11:49:30

Цитата
Artem Kurochka пишет: Правило не видит этого файла avior: url(ie-css3.htc); Наверное нужно полный путь написать от корня avior: url(/resors/ie-css3.htc);

Спасибо...
но этот файл пока вообще не нужен, насколько я знаю это для IE до 8 версии. В девятке и без него должно работать.. и работает.. на других движках... или как я уже писал в отдельном тестовом HTML.

например:

Код

<!DO CTYPE html>
<ht ml>
<head>
<title>Internet Explorer 9 beta</title>
<st yle type="text/css">
a
{
border-radius: 10em;
border:3px red solid;
}

</style>
</head>
<body>
<a href="*"</a>
</body>
</html>

работает отлично...

Пользователь 129217 Заглянувший Сообщений: 26 Баллов: 1 Регистрация: 17.05.2012	#4 17.05.2012 14:43:38 Может в шаблоне Вашего сайта на Битрикс указан неправильный DOCTYPE? Возможно, это может повлиять.

Пользователь 126000

Заглянувший

Сообщений: 8 Регистрация: 16.04.2012

17.05.2012 14:50:31

У меня такой...

Код
<!DO CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

проверял работает...

Что же может быть... я уже запарился..

Пользователь 129217 Заглянувший Сообщений: 26 Баллов: 1 Регистрация: 17.05.2012	#6 17.05.2012 14:52:56 А можно ссылку на сайт и пояснить где должно быть скругление?

Пользователь 126000

Заглянувший

Сообщений: 8 Регистрация: 16.04.2012

17.05.2012 15:08:25

Цитата
pirogtm пишет: А можно ссылку на сайт и пояснить где должно быть скругление?

К сожалению пока - нет...
я пока локально делаю на демоверсии, клиент еще не купил ключ... (мож с этим как то и связано??)
Коды могу с любого места кинуть...

Пользователь 129217 Заглянувший Сообщений: 26 Баллов: 1 Регистрация: 17.05.2012	#8 17.05.2012 15:13:57 Тогда может есть возможность кинуть html код страницы, где присутствует скругляемый элемент и листинг css?

Пользователь 126000

Заглянувший

Сообщений: 8 Регистрация: 16.04.2012

17.05.2012 16:25:28

кнопка "Поиск" тут

index.php

Код

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Интернет-магазин \"Шины. Диски\"");
?>

<div id="index-center">
  <div id="left-form">
  <fo rm action="/catalog/product/discs/" name='arrFilter_form' method="get">
   <?$APPLICATION->IncludeComponent("get_s_list",".default",array('NAME'=>'Диаметр','ZINDEX'=>10));?>
   <?$APPLICATION->IncludeComponent("get_s_list",".default",array('NAME'=>'Ширина','ZINDEX'=>9));?>
   <?$APPLICATION->IncludeComponent("get_s_list",".default",array('NAME'=>'Крепеж','ZINDEX'=>8));?>
   <?$APPLICATION->IncludeComponent("get_s_list",".default",array('NAME'=>'Вылет','ZINDEX'=>7));?>
   <?$APPLICATION->IncludeComponent("get_s_list",".default",array('NAME'=>'PSD','ZINDEX'=>6));?>
   <br />
    <input type="s ubmit" class="form-button" value="Поиск" />
   <input type="hidden" value="Y" name="set_filter">
  </form>
  </div>


ну и так далее...

стиль... фрагмент C:\WebServers\home\bitr\www\bitrix\templates\mypages\template_styles.css

Код

.form-button{
    border: none;
    text-decoration: none;
    background-color:#cf122a!important;
    width: 60px;
    height: 30px;
    cursor: pointer;
    cursor:hand;
    color: #ffffff;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    border-radius:13px;
    left: 20px;
    position: relative;
    top: -12px;
}

скрины с firefox и ie9

Прикрепленные файлы

image1.jpg (36.51 КБ)

image2.jpg (36.45 КБ)

Пользователь 129217

Заглянувший

Сообщений: 26 Баллов: 1 Регистрация: 17.05.2012

#10

18.05.2012 10:57:33

Как то странно вообще... Кстати, может быть еще такая проблема:
1. В ИЕ9 может быть включен режим совместимости
2. В консоли, которая вызывается клавишей F12 может быть выбран режим ИЕ7 или ИЕ8

Тогда углы скругляться не будут.

Пользователь 126000

Заглянувший

Сообщений: 8 Регистрация: 16.04.2012

#11

18.05.2012 11:48:15

Спасибо.. я в курсе.. и принудительно делал

Цитата
<met a http-equiv=”X-UA-Compatible” content=”IE=93>

Я не уверен, но проблема видимо в следующем...

Демонстрационный срок (30дн) кончился и вышло сообщение.. типа купите лицензию.. срок 2 недели после чего работать вообще не будет... После этого в firebug заметил вот такое...

Цитата

<_html lang="ru" xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml">
<_head></head>
<_body >
<_font class="tablebodytext"><_font color="#FF0000">

Срок работы пробной версии продукта истек. Через две недели этот сайт полностью прекратит свою работу. Вы можете купить полнофункциональную версию продукта на сайте
<_url href="http://www.1c-bitrix.ru/?r1=bsm7trial&r2=expiried">www.1c-bitrix.ru</url><_/font><_/font>

<_meta content="”IE=93" http-equiv="”X-UA-Compatible”">
<_link href="/bitrix/templates/myindex/favicon.ico" type="image/x-icon" rel="shortcut icon">
<_script src="/bitrix/templates/myindex/jquery/jquery-1.4.3.min.js" type="text/javascript">
<_meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

Мета попали в боди хеад пустой а заголовка вообще нет... абсурд какой то....

Я битрикс только изучать начал, кто подскажет как с ним локально работать можно???
там ведь вроде ключ к домену привязывается...

Пользователь 129217

Заглянувший

Сообщений: 26 Баллов: 1 Регистрация: 17.05.2012

#12

18.05.2012 13:12:15

Может быть из-за этого сообщения глюк верстки.

Вообще что-то более конкретное подсказать по Вашей проблеме можно только увидев и проанализировав html и css вживую на сайте. Потому что может быть много мелких нюансов.

Работать можно только с купленным лицензионным ключом. В настройках можно прописать несколько доменных имен-зеркал, по-моему.

Пользователь 11847

Эксперт

Сообщений: 1146 Баллов: 197 Регистрация: 15.05.2007

#13

18.05.2012 14:42:53

Хотел написать следующее:

Цитата
Работа битрикса с демо-ключем НИ ЧЕМ НЕ ОТЛИЧАЕТСЯ от лицензионного ключа в части отображения html-css кодов. Не успокаивайте себя, что купив ключ избавитесь от глюка. Используйте нормальный <!DO CTYPE html>

Но потом заметил - что истек срок работы демо-версии. Вы посмотрите,куда включается это сообщение:)
Оно вставляется битриксом ДО всех тегов вашей страницы и крешит любую верстку. Избавьтесь от паразита (например просто сохраните страницу, удалите паразитный тег и проверьте, как будет эту страницу отображать браузер)

border-radius в IE8+ ( HELP!!! )

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером