powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Глюк с границами таблицы в ie10
4 сообщений из 4, страница 1 из 1
Глюк с границами таблицы в ie10
    #38075795
SuperCoder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Вот почему 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
Глюк с границами таблицы в ie10
    #38075815
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SuperCoder , ты еще картинкой покажи про какие такие "глюки" речь...
...
Рейтинг: 0 / 0
Глюк с границами таблицы в ie10
    #38076007
SuperCoder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa, Вот картинка )
...
Рейтинг: 0 / 0
Глюк с границами таблицы в ie10
    #38076031
IstrafilOFF
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
SuperCoder, я тоже надеюсь, что это ты криворукий. <sarcasm>Всё, что выпускает Microsoft, совершенно. Ну и т.д. </sarcasm>
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Глюк с границами таблицы в ie10
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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