Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: rtl баги

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Pavelbeginner
Отправлено: 25 Сентября, 2013 - 16:34:05
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)




на тему rtl верстки в сети есть статьи. а вот на тему багов браузеров, связанных именно с direction:rtl найти толком ничего не удалось, не говоря уже о способах пофиксить данные баги. для примера, обнаружил баг в опере, в первом ряду таблицы идет 2 ячейки, во втором ряду одна ячейка, у которой задан атрибут collspan="2". У всех ячеек имеется border:1px red solid. В итоге при direction:ltr все нормально, а при direction:rtl ячейка во втором ряду разделена бордером по середине, как-буто состоит из двух ячеек. И ещё куча других багов в разных браузерах. Неужели rtl версии сайтов - это отдельный источник багов? где можно по этому поводу почитать и как с этим бороться?..
 
 Top
Pavelbeginner
Отправлено: 26 Сентября, 2013 - 10:59:29
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)




Складывается впечатление, что никто rtl версии сайтов никогда не верстал...
 
 Top
Pavelbeginner
Отправлено: 02 Октября, 2013 - 15:32:13
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)




Например, вот код:

CODE (htmlphp):
скопировать код в буфер обмена
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.                 <style>
  6.                         .rtl
  7.                         {
  8.                                 direction:rtl;
  9.                         }
  10.                        
  11.                         .table
  12.                         {
  13.                                 border-collapse:collapse;
  14.                                 empty-cells:show;
  15.                                 table-layout:auto;
  16.                                 border-spacing:0;
  17.                                 border:50px red solid;
  18.                                 width:100%;
  19.                         }
  20.                        
  21.                         .td
  22.                         {
  23.                                 border:5px blue solid;
  24.                         }
  25.                 </style>
  26.     </head>
  27.     <body>
  28.                 <table class="table">
  29.                         <tr>
  30.                                 <td class="td">
  31.                                         hello
  32.                                 </td>
  33.                                 <td class="td">
  34.                                         world
  35.                                 </td>
  36.                         </tr>
  37.                         <tr>
  38.                                 <td class="td" colspan="2">
  39.                                         I'm a td
  40.                                 </td>
  41.                         </tr>
  42.                 </table>
  43.                 <br>
  44.                 <table class="table rtl">
  45.                         <tr>
  46.                                 <td class="td">
  47.                                         hello
  48.                                 </td>
  49.                                 <td class="td">
  50.                                         world
  51.                                 </td>
  52.                         </tr>
  53.                         <tr>
  54.                                 <td class="td" colspan="2">
  55.                                         I'm a td
  56.                                 </td>
  57.                         </tr>
  58.                 </table>
  59.     </body>
  60. </html>

Одна и таже таблица, одни и те же свойства. Разница только в том, что второй таблице прописано свойство direction:rtl. Во всех браузерах все гуд, а вот в opera сразу видна разница. Как пофиксить эти баги?

(Отредактировано автором: 02 Октября, 2013 - 15:58:43)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB