Question

Хотелось сделать шаблон с закругленными углами таблиц без использования изображений
Последовал одному из многочисленных советов

Все хорошо во всех браузерах (ФФ, Хром, Опера) кроме ИЕ.

вот пример http://www.alsoft.spb.ru/solutions/index.php#view/solutions/1276/17668/ (несколько раз нажать обновить). Проблема в том что "закругленная" часть выводиться полосками.


Путем многочисленных экспериментов пришел к выводу, что проблема возникает если на странице есть компонент, который использует режим 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;}

вот код на стр

Answer 1

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

Answer 2

в вашем случае сделать картинками в тыщу раз проще и надежнее, а не городить кучу кода.

Answer 3

Цитата
Sergey Emelyanov пишет: я забил на ишака. хотят пользоваться уродом, получайте квадратные окна

я то может и забью, а пользователи?