Хотелось сделать шаблон с закругленными углами таблиц без использования изображений
Последовал одному из многочисленныхсоветов
Все хорошо во всех браузерах (ФФ, Хром, Опера) кроме ИЕ.
вот примерhttp://www.alsoft.spb.ru/solutions/index.php#view/solutions/1276/17668/ (несколько раз нажать обновить). Проблема в том что "закругленная" часть выводиться полосками.
Путем многочисленных экспериментов пришел к выводу, что проблема возникает если на странице есть компонент, который использует режим ajax. Хотя это только предположение, возможно что и не так.
Вот часть кода шаблона сайта
вот код css
вот код на странице
Картинка в прикрепленном файле
Буду признателен за любые подсказки.
Последовал одному из многочисленных
Все хорошо во всех браузерах (ФФ, Хром, Опера) кроме ИЕ.
вот пример
Путем многочисленных экспериментов пришел к выводу, что проблема возникает если на странице есть компонент, который использует режим ajax. Хотя это только предположение, возможно что и не так.
Вот часть кода шаблона сайта
Код |
---|
<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> |
вот код css
Код |
---|
.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;} |
вот код на странице
Код |
---|
<?$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(), ) ) );?> |
Картинка в прикрепленном файле
Буду признателен за любые подсказки.