1.0Чудо{вищные} заметкиhttps://miracle.rpz.nameMiRacLehttps://miracle.rpz.name/author/miracle/border-spacing для IE<blockquote>
<strong>Update: 06.11.08</strong><br />
ЕЩЁ раз обращаю внимание тех, кто бездумно скопирует и будет использовать приведённый рецепт (судя по количеству почитателей этого поста, сектантов культа Режь-Клей тьма) - если вам нужен <strong>border-spacing: 0</strong>, прочитайте ДО КОНЦА, а лучше сразу последнюю строчку.
</blockquote>
<p>Делюсь <span style="text-decoration: line-through;">грязным</span> хаком, для добавления поддержки <a title="тут говорят что IE не поддерживает это свойство (они-то ещё не знают!)" href="http://www.htmlbook.ru/css/border-spacing.html">border-spacing</a> в IE. Собственно сам css:</p>
<pre class="css">
table {
border-spacing: 50px; /* для всех кто в теме */
scrollbar-face-color: expression( runtimeStyle.scrollbarFaceColor = '#fff', cellSpacing = parseInt(currentStyle['border-spacing'])); /* угадайте кто?*/
}
</pre>
<p>Ну и пояснения: суть кода думаю ясна - вместо border-spacing, задать аналогичный cellspacing. Единственный (на мой взгляд) недостаток - считаю что border-spacing задан в <em>px</em>. Желающим <span style="text-decoration: line-through;">поизвращаться</span> поупражняться в переводе из других единиц - милости прошу.</p>
<p>Ну и вкратце о магический пассах, которые сплетены вокруг рабочего кода - они нужны для того чтобы <strong>expression</strong> выполнился ровно один раз (любопытным предлагаю заменить в вышепреведённом заклятье runtimeStyle... на <em> alert("Интересно как же часто я покажусь?")</em> ).</p>
<p>А за разъяснениями о runtimeStyle, currentStyle и разнице между ними отправляю к источнику сей мудрости - <a href="http://lusever.ru/proceedings/thin_css/index.html">докладу о "тонком css" для IE</a> с <a href="http://www.client2007.ru/">Client Side'2007</a>.</p>
<blockquote><p><strong>Update:</strong> описанный хак нужен лишь в случае если <strong>border-spacing отличен от нуля</strong>, в противном случае используется <em>border-collapse: collapse</em>.</p></blockquote>
<blockquote>
<strong>Update 20.03.2009</strong> <a href="http://miracle.rpz.name/2009/03/20/currentstyle-ie8/">Почему перестало работать в IE8 ?</a>
</blockquote> rich