Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.09.2013, 17:21
Кандидат Javascript-наук
Отправить личное сообщение для FanAizu Посмотреть профиль Найти все сообщения от FanAizu
 
Регистрация: 08.03.2011
Сообщений: 148

rtl баги браузеров
на тему rtl верстки в сети есть статьи. а вот на тему багов браузеров, связанных именно с direction:rtl найти толком ничего не удалось, не говоря уже о способах пофиксить данные баги. для примера, обнаружил баг в опере, в первом ряду таблицы идет 2 ячейки, во втором ряду одна ячейка, у которой задан атрибут collspan="2". У всех ячеек имеется border:1px red solid. В итоге при direction:ltr все нормально, а при direction:rtl ячейка во втором ряду разделена бордером по середине, как-буто состоит из двух ячеек. И ещё куча других багов в разных браузерах. Неужели rtl версии сайтов - это отдельный источник багов? где можно по этому поводу почитать и как с этим бороться?..
Ответить с цитированием
  #2 (permalink)  
Старый 26.09.2013, 17:40
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

а пример не покажете?
Ответить с цитированием
  #3 (permalink)  
Старый 02.10.2013, 16:27
Кандидат Javascript-наук
Отправить личное сообщение для FanAizu Посмотреть профиль Найти все сообщения от FanAizu
 
Регистрация: 08.03.2011
Сообщений: 148

Сообщение от animhotep Посмотреть сообщение
а пример не покажете?
Например, вот код:

<!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, 02.10.2013 в 16:58.
Ответить с цитированием
  #4 (permalink)  
Старый 04.10.2013, 10:52
Кандидат Javascript-наук
Отправить личное сообщение для FanAizu Посмотреть профиль Найти все сообщения от FanAizu
 
Регистрация: 08.03.2011
Сообщений: 148

Нету идей?
Ответить с цитированием
  #5 (permalink)  
Старый 04.10.2013, 11:07
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Сообщение от 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>
Ответить с цитированием
  #6 (permalink)  
Старый 04.10.2013, 11:07
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

в данном случае можно задать его для td, тогда не поедет
.rtl td
{
direction:rtl;
}
Ответить с цитированием
  #7 (permalink)  
Старый 04.10.2013, 14:38
Кандидат Javascript-наук
Отправить личное сообщение для FanAizu Посмотреть профиль Найти все сообщения от FanAizu
 
Регистрация: 08.03.2011
Сообщений: 148

Сообщение от animhotep Посмотреть сообщение
в данном случае можно задать его для td, тогда не поедет
.rtl td
{
direction:rtl;
}
в таком случае колонки таблицы не поменяются местами.
Ответить с цитированием
  #8 (permalink)  
Старый 16.07.2020, 19:37
Интересующийся
Отправить личное сообщение для Aleksandr Gumanat Посмотреть профиль Найти все сообщения от Aleksandr Gumanat
 
Регистрация: 10.07.2020
Сообщений: 12

С точкой или запятой тоже проблемы...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
FAQ Баги браузеров. nerv_ Оффтопик 85 15.02.2016 20:06
Как напнуть разработчиков WebKit пофиксить баги? danik.js Оффтопик 5 27.01.2013 15:29
Скрипт определения мобильных браузеров remkas Элементы интерфейса 0 25.10.2012 15:47
history браузеров d-kaktus Javascript под браузер 1 12.01.2012 00:31
Баги в форме добавления nemo Серверные языки и технологии 0 18.07.2010 13:35