IE, ячейки, бордеры.

psywalker · October 10, 2010

Добрый день!

Описание задачи:

Всё просто, у нас есть таблица, в ней несколько ячеек. Ячейки пустые (это важно). Во всех браузерах бордер вокруг пустых ячеек отображается, а в IE нет.

Вопрос:

Как с помощью CSS обмануть IE, что можно такое прописать, что бы при Пустых ячейках бордер отображался в любимом браузере?

Какие вообще варианты ещё есть? Нужно, чтобы содержимое при проверке показывало false;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Таблица, ячейки, IE</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}

		table td { 
			width: 100px; 
			height: 100px; 
			border: 10px solid #000;
		}
</style>
</head>

<body>
	<table>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
	</table>
</body>
</html>

npofopr · October 10, 2010

пробелы оО

psywalker · October 10, 2010

пробелы оО

Неа, не катит. Всё равно границы не отображаются в IE. А если ставить невидимые пробелы из таблицы символов либо , то это уже true, а значит к задаче не подходит.

sigma77 · October 10, 2010

psywalker,

А border-collapse обязательно separate должен быть?

Как вариант (не знаю что должен делать скрипт и на какой стадии), вначале проверять пустая ли ячейка, а потом скриптом вставлять неразрывный пробел в ячейку...

Edited October 10, 2010 by sigma77

Kaylang · October 10, 2010

empty-cells:show

sigma77 · October 10, 2010

empty-cells:show

Да ладно?

В ИЕ7 и ниже смотрел?

Kaylang · October 10, 2010

Да ладно?
В ИЕ7 и ниже смотрел?

А кто-то еще ими пользуется?

В задаче не была указана версия.

sigma77 · October 10, 2010

А кто-то еще ими пользуется?
В задаче не была указана версия.

Самое печальное, что пользуются

В 8-ке и без этого правила всё хорошо.

psywalker · October 10, 2010

psywalker,
А border-collapse обязательно separate должен быть?
Как вариант (не знаю что должен делать скрипт и на какой стадии), вначале проверять пустая ли ячейка, а потом скриптом вставлять неразрывный пробел в ячейку...

1) Ни border-collapse не separate не пашут.

2) Вариант проверки тоже не подходит. Там дело в том, что изначально фабрично создаётся таблица на лету, и соответственно ячейки для последующей цели. А для этой цели нужно, чтобы ячейки были пустые, НО с бордером.

3) empty-cells: show; не пашет.

В задаче не была указана версия.

Версии IE 6-8

Vlad · October 10, 2010

Проверял в IE7. Надо добавить такую строку.

table td { //z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = " "); }

Интересно, что если z-index убрать, то браузер в ступор входил, конкретно подвисал на innerHTML.

psywalker · October 10, 2010

Проверял в IE7. Надо добавить такую строку.
table td { //z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = " "); }
Интересно, что если z-index убрать, то браузер в ступор входил, конкретно подвисал на innerHTML.

Добавил. Тогда при проверке снова true; Поэтому не катит к сожалению. Кстати вариант возьму на заметку на будущее.

- вот такую штуку можно ставить и при создании ячеек, тут проблем нет. Но это всё true тогда.

Vlad · October 10, 2010

Как проверка на true происходит?

psywalker · October 10, 2010

Как проверка на true происходит?

if(td[i].innerHTML)

Vlad · October 10, 2010

innerHTML отслеживает скрипты и генерируемый через стили контент?

sigma77 · October 10, 2010

1) Ни border-collapse не separate не пашут.

Хм... точно? У меня, если поставить border-collapse: collapse; границы отображаются...

	*{ margin: 0; padding: 0; zoom: 1;}
	table {
		border-collapse: collapse;
	}		
	table td { 
		width: 100px; 
		height: 100px; 
		border: 10px solid #000;
	 }

psywalker · October 10, 2010

innerHTML отслеживает скрипты и генерируемый через стили контент?

Да нет, он тупо проверяет ячейку, а в ней пусто или нет. Если Нет, тогда выходит, а если Пусто, тогда вставляет то, что нужно. И получается, если у нас там будет , то проверка подумает, что там уже что-то есть и выйдет.

Хм... точно? У меня, если поставить border-collapse: collapse; границы отображаются...
	*{ margin: 0; padding: 0; zoom: 1;}
	table {
		border-collapse: collapse;
	}		
	table td { 
		width: 100px; 
		height: 100px; 
		border: 10px solid #000;
	 }

Воо, подруга, спасибо тебе, походу я промахнулся почему-то) Вроде ставил и не помогало. У меня Ие-тестер затупил. Открыл в нормальном браузере, всё заработало.

Ща ещё протестю, отпишусь точно.

Отлично, спасибо ещё раз. Работает в IE 6-8.

Задача решена. IE-тестер не помощник)

sigma77 · October 10, 2010

Отлично, спасибо ещё раз. Работает в IE 6-8.

Вот и отлично

psywalker · October 10, 2010

Вот кстати ещё нашёл один вариант. Поделюсь, вдруг кому пригодится.

RULES
none Все линии отсутствуют
cols Линии между столбцами
rows Линии между строками
groups Линии между группами столбцов и строк
all Все линии присутствуют (по умолчанию)

Ставятся так:

<table rules="rows">

 <tr>

  <td>111</td>

  <td>111</td>

  <td>111</td>

 </tr>

 <tr>

  <td>111</td>

  <td>111</td>

  <td>111</td>

 </tr>

</table>

Sign In

IE, ячейки, бордеры.

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information