rtl баги браузеров
на тему rtl верстки в сети есть статьи. а вот на тему багов браузеров, связанных именно с direction:rtl найти толком ничего не удалось, не говоря уже о способах пофиксить данные баги. для примера, обнаружил баг в опере, в первом ряду таблицы идет 2 ячейки, во втором ряду одна ячейка, у которой задан атрибут collspan="2". У всех ячеек имеется border:1px red solid. В итоге при direction:ltr все нормально, а при direction:rtl ячейка во втором ряду разделена бордером по середине, как-буто состоит из двух ячеек. И ещё куча других багов в разных браузерах. Неужели rtl версии сайтов - это отдельный источник багов? где можно по этому поводу почитать и как с этим бороться?..
|
а пример не покажете?
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.rtl
{
direction:rtl;
}
.table
{
border-collapse:collapse;
empty-cells:show;
table-layout:auto;
border-spacing:0;
border:50px red solid;
width:100%;
}
.td
{
border:5px blue solid;
}
</style>
</head>
<body>
<table class="table">
<tr>
<td class="td">
hello
</td>
<td class="td">
world
</td>
</tr>
<tr>
<td class="td" colspan="2">
I'm a td
</td>
</tr>
</table>
<br>
<table class="table rtl">
<tr>
<td class="td">
hello
</td>
<td class="td">
world
</td>
</tr>
<tr>
<td class="td" colspan="2">
I'm a td
</td>
</tr>
</table>
</body>
</html>
Одна и таже таблица, одни и те же свойства. Разница только в том, что второй таблице прописано свойство direction:rtl. Во всех браузерах все гуд, а вот в opera сразу видна разница. Как пофиксить эти баги? |
Нету идей?
|
Цитата:
<table class="table"> <tr> <td class="td" DIR="RTL">hello</td> <td class="td" DIR="RTL">world</td> </tr> <tr> <td class="td" colspan="2" DIR="RTL">I'm a td</td> </tr> </table> |
в данном случае можно задать его для td, тогда не поедет
.rtl td { direction:rtl; } |
Цитата:
|
С точкой или запятой тоже проблемы...
|
| Часовой пояс GMT +3, время: 22:37. |