Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Border-radius не проходит кросбраузерность в Опера 12

Обсуждение темы Border-radius не проходит кросбраузерность в Опера 12 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Приветствую всех и спешу поделиться проблемкой некорректного отображения свойства Border-radius в Opera 12.16(про ie молчу). Суть проблемы: Недавно мы обновили дизайн на главной ...


Закрытая тема
 
Опции темы
Старый 23.04.2014, 16:37   #1
Приветствую всех и спешу поделиться проблемкой некорректного отображения свойства Border-radius в Opera 12.16(про ie молчу).
Суть проблемы: Недавно мы обновили дизайн на главной страничке нашего проекта "Аниме с Рутуба" и вроде бы всё было хорошо, пока не обнаружилась проблема отображения свойства Border-radius у таблицы со слайдером вот скрин из оперы:
http://anime-rutub.moy.su/cr/oooooo.jpg

Прошу оказать помощь

Фрагмент разметки:
Код:
<table class="slidertab1"><tbody><tr><td class="slidertb1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script> 
<div align="center">
<div id="featured"><ul class="ui-tabs-nav"> 
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-3286"> <a href="#fragment-3286"> <img src="http://anime-rutub.moy.su/_nw/32/10691317.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-3119"> <a href="#fragment-3119"> <img src="http://anime-rutub.moy.su/_nw/31/69529460.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-656"> <a href="#fragment-656"> <img src="http://anime-rutub.moy.su/_nw/6/75173876.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2877"> <a href="#fragment-2877"> <img src="http://anime-rutub.moy.su/_nw/28/98453189.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2926"> <a href="#fragment-2926"> <img src="http://anime-rutub.moy.su/_nw/29/72065316.jpg" alt="" class="jpgslider"></a></li>
</ul> 
<div id="fragment-3286" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/32/10691317.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/magi_labirint_volshebstva_vtoroj_sezon_magi_2_magi_the_kingdom_of_magic/2014-03-30-3286" target="_blank">Маги: Лабиринт Волшебства (второй сезон) * Magi 2 * Magi: The Kingdom of Magic</a> </div></div><div id="fragment-3119" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/31/69529460.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/ne_moja_vina_chto_ja_ne_populjarna_watamote/2013-09-27-3119" target="_blank">Не моя вина, что я не популярна! / WataMote +16</a> </div></div><div id="fragment-656" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/6/75173876.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/fairy_tail_fan_art_amv/2010-07-14-656" target="_blank">Фан Арт Трейлеры и AMV по аниме Fairy Tail / Хвост Феи</a> </div></div><div id="fragment-2877" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/28/98453189.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/moja_sestrenka_iz_osaki_boku_no_imouto_wa_osaka_okan/2013-02-08-2877" target="_blank">моя сестренка из осаки / Boku no Imouto wa Osaka Okan</a> </div></div><div id="fragment-2926" class="ui-tabs-panel" style="opacity: 0.216225;"> <img src="http://anime-rutub.moy.su/_nw/29/72065316.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/ore_no_kanojo_to_osananajimi_ga_shuraba_sugiru/2013-02-08-2926" target="_blank">Ore no Kanojo to Osananajimi ga Shuraba Sugiru / Между двух огней - девушка и моя подруга</a> </div></div> 
</div> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
}); 
</script></div> 
</td><td class="slidertb2">
<!-- <аниме конкурсы1> -->
<div class="images_fuku"> 
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_amv_sentjabr/1-0-153" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/amv_septemberr.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс AMV Сентябрь</b>
<span>Конкурс AMV Сентябрь 2014 начинается через 
<script language="JavaScript"> 
d0 = new Date('september 1, 2014'); 
d1 = new Date(); 
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); 
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); 
</script><b><span style="COLOR: #faca0a">-130дней</span></b></span></bdo></a></div></div> 
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_amv_ijulskaja_zhara/1-0-154" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/jara_amv.png" alt="">
<i></i>
<bdo dir="ltr">
<b>AMV конкурс Июльская Жара</b>
<span>Июльская Жара 2014 начинается через 
<script language="JavaScript"> 
d1 = new Date('july 1, 2014'); 
dr = new Date(); 
dt = (dr.getTime() - d1.getTime()) / (1000*60*60*24); 
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); 
</script><b><span style="COLOR: #faca0a">-68дней</span></b></span></bdo></a></div></div> 
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_karikatura/1-0-155" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_karikatura.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Карикатура</b>
<span>Аниме Карикатура 2014 начинается через
<script language="JavaScript"> 
d1 = new Date('may 1, 2014'); 
dm = new Date(); 
dt = (dm.getTime() - d1.getTime()) / (1000*60*60*24); 
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); 
</script><b><span style="COLOR: #faca0a">-7дней</span></b></span></bdo></a></div></div> 
 
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_pesnja/1-0-156" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_vmk.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Песня</b>
<span>Аниме Песня 2014 начинается через
<script language="JavaScript"> 
d1 = new Date('june 1, 2014'); 
dj = new Date(); 
dt = (dj.getTime() - d1.getTime()) / (1000*60*60*24); 
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); 
</script><b><span style="COLOR: #faca0a">-38дней</span></b></span></bdo></a></div></div> 
<!-- </аниме конкурсы1> --> 
</td>
<td style="text-align: left; vertical-align: top; letter-spacing: 0px; word-spacing: 0px; ">
<!-- <аниме конкурсы2> -->
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_scenarist/1-0-157" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_szenarist.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Сценарист</b>
<span>Аниме Сценарист 2014 начинается через 
<script language="JavaScript"> 
d1 = new Date('august 1, 2014'); 
dj = new Date(); 
dt = (dj.getTime() - d1.getTime()) / (1000*60*60*24); 
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); 
</script><b><span style="COLOR: #faca0a">-99дней</span></b></span></bdo></a></div></div> 
 
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_risovka/1-0-158" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_painting.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Рисовка</b>
<span>Аниме Рисовка 2014 начинается через
<script language="JavaScript"> 
d1 = new Date('october 1, 2014'); 
doo = new Date(); 
dt = (doo.getTime() - d1.getTime()) / (1000*60*60*24); 
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); 
</script><b><span style="COLOR: #faca0a">-160дней</span></b></span></bdo></a></div></div> 
 
<div class="zimovka">
<div class="zimma">
<a href="http://anime-rutub.moy.su/news/zimovka_na_proekte_anime_s_rutuba/1-0-150" target="_blank">
<img class="img_konkurs2" src="http://anime-rutub.moy.su/amv_cent/zimovka.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Аниме Зимовка </b>
<span>Зимуем на проекте "Аниме с рутуба" через 
<script language="JavaScript"> 
d1 = new Date('december 1, 2014'); 
ddd = new Date(); 
dt = (ddd.getTime() - d1.getTime()) / (1000*60*60*24); 
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); 
</script><b><span style="COLOR: #faca0a">-221дней</span></b></span></bdo></a></div></div> 
<!-- </аниме конкурсы2> --> 
</td></tr></tbody></table>
Фрагмент css:
Код:
.slidertab1{
width: 1000px; 
border-collapse: collapse; 
margin-top: 5px;	
background-color: #2b2b2b; 
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-khtml-border-radius:12px;
-o-border-radius: 12px;
-icab-border-radius: 12px;}
 
Старый 23.04.2014, 16:37
Ссылки
Старый 23.04.2014, 16:37
Закрытая тема

Метки
border-radius, opera, кросбраузерность


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос про border-radius Peter Soloviev HTML, CSS, JavaScript 1 17.07.2014 21:26
border-radius ddddd HTML, CSS, JavaScript 1 27.06.2010 19:52
Не проходит запрос в Яндекс из флеша... IgorQ Технологии Flash 6 28.02.2007 01:51
Опера TaniKa HTML, CSS, JavaScript 7 18.10.2005 19:25
Опера и ИЕ vision HTML, CSS, JavaScript 3 21.06.2003 20:15


Текущее время: 04:39. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум