Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   rtl баги браузеров (https://javascript.ru/forum/xhtml-html-css/41722-rtl-bagi-brauzerov.html)

FanAizu 26.09.2013 17:21

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

animhotep 26.09.2013 17:40

а пример не покажете?

FanAizu 02.10.2013 16:27

Цитата:

Сообщение от animhotep (Сообщение 273791)
а пример не покажете?

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

<!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 сразу видна разница. Как пофиксить эти баги?

FanAizu 04.10.2013 10:52

Нету идей?

BETEPAH 04.10.2013 11:07

Цитата:

Сообщение от FanAizu
Нету идей?

Это, наверное, неправильно, но если очень нужно, то можно выкрутиться атрибутом:
<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>

animhotep 04.10.2013 11:07

в данном случае можно задать его для td, тогда не поедет
.rtl td
{
direction:rtl;
}

FanAizu 04.10.2013 14:38

Цитата:

Сообщение от animhotep (Сообщение 275035)
в данном случае можно задать его для td, тогда не поедет
.rtl td
{
direction:rtl;
}

в таком случае колонки таблицы не поменяются местами.

Aleksandr Gumanat 16.07.2020 19:37

С точкой или запятой тоже проблемы...


Часовой пояс GMT +3, время: 01:16.