Przejdź do treści

Haki CSS na przeglądarkę Internet Explorer

Przychodzi taka chwila w życiu każdego webmaster-a kiedy nasze rozwiązania nie wyglądają spójnie na wszystkich przeglądarkach. Najczęstszym przypadkiem, gdzie layout strony odbiega od rzeczywistego pojawia się na przeglądarkach z Redmond.

Przeglądarka Internet Explorer jest bardzo nieobliczalną przeglądarką. Świat jej nigdy nie zapomni.

Baner promujący artykuł

Aktualizacja: 2026-09-26

Ten wpis ma wartość historyczną. Internet Explorer nie jest wspierany od 15 czerwca 2022 roku, a opisane haki to niepoprawny CSS, którego nie należy dziś używać.

Zamieszczam duży zbiór kruczków jakie mogą być przydatne w “poprawianiu” layoutu.

border: 1px solid #000; /* dla wszystkich, domyślnie */

Internet Explorer 5.0, 6.0, 7.0

*border: 1px solid #000; /* IE: 5, 6, 7 */

Internet Explorer 6.0

_border: 1px solid #000; /* IE: 6 */

Internet Explorer 7.0 i starsze

`border: 1px solid #000; /* IE: ≤ 7 */
~border: 1px solid #000; /* IE: ≤ 7 */
/border: 1px solid #000; /* IE: ≤ 7 */
?border: 1px solid #000; /* IE: ≤ 7 */
#border: 1px solid #000; /* IE: ≤ 7 */
@border: 1px solid #000; /* IE: ≤ 7 */
+border: 1px solid #000; /* IE: ≤ 7 */
[border: 1px solid #000; /* IE: ≤ 7 */
]border: 1px solid #000; /* IE: ≤ 7 */
{border: 1px solid #000; /* IE: ≤ 7 */
|border: 1px solid #000; /* IE: ≤ 7 */
$border: 1px solid #000; /* IE: ≤ 7 */
%border: 1px solid #000; /* IE: ≤ 7 */
!border: 1px solid #000; /* IE: ≤ 7 */
,border: 1px solid #000; /* IE: ≤ 7 */
<border: 1px solid #000; /* IE: ≤ 7 */
.border: 1px solid #000; /* IE: ≤ 7 */
>border: 1px solid #000; /* IE: ≤ 7 */
^border: 1px solid #000; /* IE: ≤ 7 */
(border: 1px solid #000; /* IE: ≤ 7 */
)border: 1px solid #000; /* IE: ≤ 7 */
=border: 1px solid #000; /* IE: ≤ 7 */
&border: 1px solid #000; /* IE: ≤ 7 */

Internet Explorer 8.0

border /*\**/: 1px solid #000\9; /* IE: 8 */

Bardzo dużo informacji można znaleźć na jednej z podstron na anglojęzycznej Wikipedii

Cya! 👋