Глюк с границами таблицы в ie10 - HTML и CSS

Нур · 12.12.2012, 09:53

Вот почему MS пишет глюки? Вот очередной тупейший пример!!!
Кто подскажет, может я криворукий, как мне исправить этот момент.
Можно конечно в сss таблицы поставить border-collapse: separate; border-spacing: 0px;
Но так возникают двойные границы, а ставить границы у каждой ячейки только с двух сторон, не хочется из-за того что влияет на множество уже реализованных фишек с таблицей (сдвиги возникают).

Код:

<!DOCTYPE html>
<HTML>
<HEAD>
	<TITLE>test2</TITLE>
	<META http-equiv=X-UA-Compatible content=IE=8>
	<META http-equiv=Content-Type content="text/html; charset=UTF-8">
	<STYLE>
	*		{
		margin: 0;
		padding: 0;
	}
	
	html	{
		font-family: sans, helvetica, arial; 
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
	html, body	{
		width: 100%;
		height: 100%;
		overflow: hidden;
		}
		
	table	{
		position: absolute;
		border-collapse: collapse;
		background: #eaeaea;
		table-layout: fixed;
	}
	
	td{
		border: 1px solid black;
	}
	
	#divBody{
		position: absolute;
		overflow: hidden;
		top: 10px;
		left: 10px;
		right: 0px;
		bottom: 0px;
	}
	</STYLE>
</HEAD>
<BODY>
	<DIV id="divBody">
		<TABLE>
			<COLGROUP>
				<COL style="WIDTH: 49px">
				<COL style="WIDTH: 49px">
				<COL style="WIDTH: 49px">
			</COLGROUP>
			<TBODY>
				<TR style="HEIGHT: 19px">
					<TD>1</TD>
					<TD>2</TD>
					<TD>3</TD>
				</TR>
				<TR style="HEIGHT: 19px">
					<TD rowSpan=2 style="BORDER-TOP-WIDTH: 2px;">4</TD>
					<TD rowSpan=3 style="BORDER-TOP-WIDTH: 2px;">5</TD>
					<TD style="BORDER-TOP-WIDTH: 2px;">6</TD>
				</TR>
				<TR style="HEIGHT: 19px">
					<TD>7</TD>
				</TR>
				<TR style="HEIGHT: 19px">
					<TD>8</TD>
					<TD>9</TD>
				</TR>
				<TR style="HEIGHT: 19px">
					<TD style="BORDER-TOP-WIDTH: 2px;">10</TD>
					<TD style="BORDER-TOP-WIDTH: 2px;">11</TD>
					<TD style="BORDER-TOP-WIDTH: 2px;">12</TD>
				</TR>
			</TBODY>
	</DIV>
</BODY>
</HTML>

Получающиеся таблицы Справа в ie10 слева другие браузеры(chrome, opera, MF, ie8, ie9, safari смотрел)

Так вот многоуважаемые есть ли у кого замечания? Надеюсь все таки я криворукий. Так же буду благодарен если вы поглядите этот код в других браузерах. Спасибо.

Нур · 12.12.2012, 09:55

Пардон, рисунок не вставился.

Naive · 12.12.2012, 17:31

В чем проблема расставить в ручную, раз уж и так расставляете?
И да, ишак 10 тоже кривой.

Нур · 12.12.2012, 19:21

Я не говорил что расставляю в ручную. Суть такая, что есть две таблицы одна как-бы "замороженая" (вроде так называется в Excel) другая та что скролится. Пока все сидит ровно не считая того, что в новой ie10 пропадают границы у td. Я исследовал этот момент и выложил упрощенный код в котором возникает такой глюк.
Вот картинка кстати.

Inacondition · 28.12.2012, 00:07

А не может это быть из-за отсутствия закрывающего тега таблицы?

Naive · 28.12.2012, 16:36

Цитата:

Сообщение от Inacondition

А не может это быть из-за отсутствия закрывающего тега таблицы?

В ИЕ возможно все)))
По спецификации таблицу и ее ячейки можно не закрывать)

Нур · 28.12.2012, 22:08

Цитата:

Сообщение от Inacondition

А не может это быть из-за отсутствия закрывающего тега таблицы?

Ммм не заметил. Хотя ничего не изменило

12.12.2012, 09:53	#1
Нур Пользователь Регистрация: 03.12.2009 Сообщений: 44	Глюк с границами таблицы в ie10 Вот почему MS пишет глюки? Вот очередной тупейший пример!!! Кто подскажет, может я криворукий, как мне исправить этот момент. Можно конечно в сss таблицы поставить border-collapse: separate; border-spacing: 0px; Но так возникают двойные границы, а ставить границы у каждой ячейки только с двух сторон, не хочется из-за того что влияет на множество уже реализованных фишек с таблицей (сдвиги возникают). Код: <!DOCTYPE html> <HTML> <HEAD> <TITLE>test2</TITLE> <META http-equiv=X-UA-Compatible content=IE=8> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <STYLE> * { margin: 0; padding: 0; } html { font-family: sans, helvetica, arial; -webkit-tap-highlight-color: rgba(0,0,0,0); } html, body { width: 100%; height: 100%; overflow: hidden; } table { position: absolute; border-collapse: collapse; background: #eaeaea; table-layout: fixed; } td{ border: 1px solid black; } #divBody{ position: absolute; overflow: hidden; top: 10px; left: 10px; right: 0px; bottom: 0px; } </STYLE> </HEAD> <BODY> <DIV id="divBody"> <TABLE> <COLGROUP> <COL style="WIDTH: 49px"> <COL style="WIDTH: 49px"> <COL style="WIDTH: 49px"> </COLGROUP> <TBODY> <TR style="HEIGHT: 19px"> <TD>1</TD> <TD>2</TD> <TD>3</TD> </TR> <TR style="HEIGHT: 19px"> <TD rowSpan=2 style="BORDER-TOP-WIDTH: 2px;">4</TD> <TD rowSpan=3 style="BORDER-TOP-WIDTH: 2px;">5</TD> <TD style="BORDER-TOP-WIDTH: 2px;">6</TD> </TR> <TR style="HEIGHT: 19px"> <TD>7</TD> </TR> <TR style="HEIGHT: 19px"> <TD>8</TD> <TD>9</TD> </TR> <TR style="HEIGHT: 19px"> <TD style="BORDER-TOP-WIDTH: 2px;">10</TD> <TD style="BORDER-TOP-WIDTH: 2px;">11</TD> <TD style="BORDER-TOP-WIDTH: 2px;">12</TD> </TR> </TBODY> </DIV> </BODY> </HTML> Получающиеся таблицы Справа в ie10 слева другие браузеры(chrome, opera, MF, ie8, ie9, safari смотрел) Так вот многоуважаемые есть ли у кого замечания? Надеюсь все таки я криворукий. Так же буду благодарен если вы поглядите этот код в других браузерах. Спасибо.

12.12.2012, 17:31	#3
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	В чем проблема расставить в ручную, раз уж и так расставляете? И да, ишак 10 тоже кривой. Alar, верни репу!

28.12.2012, 00:07	#5
Inacondition Пользователь Регистрация: 27.12.2012 Сообщений: 14	А не может это быть из-за отсутствия закрывающего тега таблицы? pirogoff.16mb.com - Уроки по созданию и раскрутке сайтов (HTML CSS PHP MySQL JavaScript ActionScript)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Не работает кнопка "Вставыть ссылку" в IE10	rUs_LAN	О форуме и сайтах клуба	1	21.10.2012 15:39
Как сделать чтоб во втором листе выводилась нормальная таблица с границами	Igor_zic	Microsoft Office Excel	1	25.03.2012 23:31
Как реализовать блок с такими границами?	akokin	HTML и CSS	3	30.10.2009 13:46
Проблема с используемыми границами листа	motorway	Microsoft Office Excel	11	23.07.2009 16:46

12.12.2012, 09:55	#2
Нур Пользователь Регистрация: 03.12.2009 Сообщений: 44	Пардон, рисунок не вставился.

12.12.2012, 19:21	#4
Нур Пользователь Регистрация: 03.12.2009 Сообщений: 44	Я не говорил что расставляю в ручную. Суть такая, что есть две таблицы одна как-бы "замороженая" (вроде так называется в Excel) другая та что скролится. Пока все сидит ровно не считая того, что в новой ie10 пропадают границы у td. Я исследовал этот момент и выложил упрощенный код в котором возникает такой глюк. Вот картинка кстати.