Przejdź do treści PWA

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ł

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

`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 */
*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