Update: 06.11.08
ЕЩЁ раз обращаю внимание тех, кто бездумно скопирует и будет использовать приведённый рецепт (судя по количеству почитателей этого поста, сектантов культа Режь-Клей тьма) – если вам нужен border-spacing: 0, прочитайте ДО КОНЦА, а лучше сразу последнюю строчку.

Делюсь грязным хаком, для добавления поддержки border-spacing в IE. Собственно сам css:

table {
border-spacing: 50px; /* для всех кто в теме */
scrollbar-face-color: expression( runtimeStyle.scrollbarFaceColor = '#fff', cellSpacing = parseInt(currentStyle['border-spacing'])); /* угадайте кто?*/
}

Ну и пояснения: суть кода думаю ясна – вместо border-spacing, задать аналогичный cellspacing. Единственный (на мой взгляд) недостаток – считаю что border-spacing задан в px. Желающим поизвращаться поупражняться в переводе из других единиц – милости прошу.

Ну и вкратце о магический пассах, которые сплетены вокруг рабочего кода – они нужны для того чтобы expression выполнился ровно один раз (любопытным предлагаю заменить в вышепреведённом заклятье runtimeStyle… на alert(“Интересно как же часто я покажусь?”) ).

А за разъяснениями о runtimeStyle, currentStyle и разнице между ними отправляю к источнику сей мудрости – докладу о “тонком css” для IE с Client Side’2007.

Update: описанный хак нужен лишь в случае если border-spacing отличен от нуля, в противном случае используется border-collapse: collapse.

Update 20.03.2009 Почему перестало работать в IE8 ?

border-spacing для IE
Tagged on:     

3 thoughts on “border-spacing для IE

  • 14.12.2007 at 16:33
    Permalink

    Интересно, а есть что-то подобное для Firefox и других браузеров, я имею ввиду возможность инкапсулировать javascript в css?

  • 14.12.2007 at 16:41
    Permalink

    Аналогов expression нету.
    Аналогом behavior в gecko является XBL.

    Ну а вообще считаю это несерьёзным (в смысле пихать в css, служащим для оформления внешнего вида, какие бы то нибыло вычисляемые конструкции). А вот наоборот, с помощью javascript рулить css-ом, считаю идеологически более правильным и с успехом пользую для этого jQuery.

  • 13.06.2012 at 12:10
    Permalink

    Большое спасибо за border-collapse: collapse. Для меня подобное его поведение было открытием.

Leave a Reply