Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Глюк с границами таблицы в ie10 / 4 сообщений из 4, страница 1 из 1
12.12.2012, 14:23
    #38075795
SuperCoder
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Глюк с границами таблицы в ie10
Вот почему MS пишет глюки? Вот очередной тупейший пример!!!
Кто подскажет, может я криворукий, как мне исправить этот момент.
Можно конечно в сss таблицы поставить border-collapse: separate; border-spacing: 0px;
Но так возникают двойные границы, а ставить границы у каждой ячейки только с двух сторон, не хочется из-за того что влияет на множество уже реализованных фишек с таблицей (сдвиги возникают).
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
<!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>


Так вот многоуважаемые есть ли у кого замечания? Предложения другой реализации, но с минимальными изменениями? Надеюсь все таки я криворукий. Так же буду благодарен если вы поглядите этот код в других браузерах. Спасибо.
...
Рейтинг: 0 / 0
12.12.2012, 14:34
    #38075815
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Глюк с границами таблицы в ie10
SuperCoder , ты еще картинкой покажи про какие такие "глюки" речь...
...
Рейтинг: 0 / 0
12.12.2012, 15:56
    #38076007
SuperCoder
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Глюк с границами таблицы в ie10
krvsa, Вот картинка )
...
Рейтинг: 0 / 0
12.12.2012, 16:03
    #38076031
IstrafilOFF
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Глюк с границами таблицы в ie10
SuperCoder, я тоже надеюсь, что это ты криворукий. <sarcasm>Всё, что выпускает Microsoft, совершенно. Ну и т.д. </sarcasm>
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Глюк с границами таблицы в ie10 / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]