Хотелось сделать шаблон с закругленными углами таблиц без использования изображений
Последовал одному из многочисленных [URL=http://www.webremeslo.ru/faq/faq1.html]советов[/URL]
Все хорошо во всех браузерах (ФФ, Хром, Опера) кроме ИЕ.
вот пример http://www.alsoft.spb.ru/solutions/index.php#view/solutions/1276/17668/ (несколько раз нажать обновить). Проблема в том что "закругленная" часть выводиться полосками.
Путем многочисленных экспериментов пришел к выводу, что проблема возникает если на странице есть компонент, который использует режим ajax. Хотя это только предположение, возможно что и не так.
Вот часть кода шаблона сайта
[CODE]
<tr>
<td>
<div class="roundheader4"></div>
<div class="roundheader3"></div>
<div class="roundheader2"></div>
<div class="roundheader1"></div>
</td>
</tr>
</tbody>
</table>
<table width="97%" align="center" border=0 cellpadding="0" cellspacing="0">
<tbody>
<tr height="1">
<td>
</td>
</tr>
<tr height="1">
<td>
<div class="roundmenu2"></div>
<div class="roundmenu3"></div>
<div class="roundmenu4"></div>
</td>
</tr>
<tr>
<td align="center" cellpadding="0" cellspacing="0">
<?$APPLICATION->IncludeComponent("bitrix:menu", "horizontal_multilevel_blue", array(
"ROOT_MENU_TYPE" => "top",
"MENU_CACHE_TYPE" => "N",
"MENU_CACHE_TIME" => "3600",
"MENU_CACHE_USE_GROUPS" => "Y",
"MENU_CACHE_GET_VARS" => array(
),
"MAX_LEVEL" => "3",
"CHILD_MENU_TYPE" => "left",
"USE_EXT" => "Y",
"DELAY" => "N",
"ALLOW_MULTI_SELECT" => "N"
),
false
);?>
</td>
</tr>
<tr height="1">
<td>
<div class="roundmenu4"></div>
<div class="roundmenu3"></div>
<div class="roundmenu2"></div>
</td>
</tr>
[/CODE]
вот код css
[CODE]
.roundColumn1, .roundColumn2, .roundColumn3, .roundColumn4, .roundColumn5, .roundColumn6, .roundColumn {background: #B9B6DE; padding: 0; overflow: hidden;}
.roundheader1, .roundheader2, .roundheader3, .roundheader4, .roundheader5, .roundheader6, .roundheader {background: #000080; padding: 0; overflow: hidden;}
.roundmenu1, .roundmenu2, .roundmenu3, .roundmenu4, .roundmenu5, .roundmenu6 , .roundmenu {background: #3355CC; padding: 0; overflow: hidden;}
.roundColumn { height: 100%;}
.roundheader { height: 100%;}
.roundmenu { height: 100%;}
.roundColumn1 , .roundheader1, .roundmenu1 { margin: 0 5px; height: 1px;}
.roundColumn2 , .roundheader2, .roundmenu2 { margin: 0 3px; height: 1px;}
.roundColumn3 , .roundheader3, .roundmenu3 { margin: 0 2px; height: 1px;}
.roundColumn4 , .roundheader4, .roundmenu4 { margin: 0 1px; height: 2px;}
.roundColumn5 , .roundheader5, .roundmenu5 { margin: 0 2px; height: 1px;}
.roundColumn6 , .roundheader6, .roundmenu6 { margin: 0 1px; height: 1px;}
[/CODE]
вот код на странице
[CODE]
<?$APPLICATION->IncludeComponent(
"bitrix:news",
"web20_as",
Array(
"DISPLAY_DATE" => "Y",
"DISPLAY_PICTURE" => "Y",
"DISPLAY_PREVIEW_TEXT" => "Y",
"DISPLAY_AS_RATING" => "rating",
"TAGS_CLOUD_ELEMENTS" => "150",
"PERIOD_NEW_TAGS" => "",
"FONT_MAX" => "50",
"FONT_MIN" => "10",
"COLOR_NEW" => "3E74E6",
"COLOR_OLD" => "C0C0C0",
"TAGS_CLOUD_WIDTH" => "100%",
"USE_SHARE" => "N",
"SEF_MODE" => "Y",
"AJAX_MODE" => "Y",
"IBLOCK_TYPE" => "news",
"IBLOCK_ID" => "100",
"NEWS_COUNT" => "20",
"USE_SEARCH" => "N",
"USE_RSS" => "Y",
"USE_RATING" => "N",
"USE_CATEGORIES" => "N",
"USE_REVIEW" => "N",
"USE_FILTER" => "N",
"SORT_BY1" => "ACTIVE_FROM",
"SORT_ORDER1" => "DESC",
"SORT_BY2" => "SORT",
"SORT_ORDER2" => "ASC",
"CHECK_DATES" => "Y",
"PREVIEW_TRUNCATE_LEN" => "",
"LIST_ACTIVE_DATE_FORMAT" => "d.m.Y",
"LIST_FIELD_CODE" => array(),
"LIST_PROPERTY_CODE" => array("database","workstations","connections"),
"HIDE_LINK_WHEN_NO_DETAIL" => "N",
"DISPLAY_NAME" => "N",
"META_KEYWORDS" => "-",
"META_DESCRIPTION" => "-",
"BROWSER_TITLE" => "NAME",
"DETAIL_ACTIVE_DATE_FORMAT" => "d.m.Y",
"DETAIL_FIELD_CODE" => array(),
"DETAIL_PROPERTY_CODE" => array("database","workstations","connections"),
"DETAIL_DISPLAY_TOP_PAGER" => "N",
"DETAIL_DISPLAY_BOTTOM_PAGER" => "Y",
"DETAIL_PAGER_TITLE" => "Страница",
"DETAIL_PAGER_TEMPLATE" => "",
"DETAIL_PAGER_SHOW_ALL" => "Y",
"SET_TITLE" => "Y",
"SET_STATUS_404" => "N",
"INCLUDE_IBLOCK_INTO_CHAIN" => "N",
"ADD_SECTIONS_CHAIN" => "Y",
"USE_PERMISSIONS" => "N",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "36000000",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"DISPLAY_BOTTOM_PAGER" => "Y",
"PAGER_TITLE" => "Внедрения",
"PAGER_SHOW_ALWAYS" => "N",
"PAGER_TEMPLATE" => "",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "Y",
"NUM_NEWS" => "20",
"NUM_DAYS" => "30",
"YANDEX" => "Y",
"SEF_FOLDER" => "/solutions/",
"AJAX_OPTION_SHADOW" => "Y",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"AJAX_OPTION_HISTORY" => "Y",
"SEF_URL_TEMPLATES" => Array(
"section" => "#SECTION_ID#/",
"detail" => "#SECTION_ID#/#ELEMENT_ID#/",
"search" => "search/",
"rss" => "rss/",
"rss_section" => "#SECTION_ID#/rss/"
),
"VARIABLE_ALIASES" => Array(
"section" => Array(),
"detail" => Array(),
"search" => Array(),
"rss" => Array(),
"rss_section" => Array(),
)
)
);?>
[/CODE]
Картинка в прикрепленном файле
Буду признателен за любые подсказки.