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, время: 01:16. |