Нежелательные пробелы (отступы) для сайта WordPress на Internet Explorer 6 - PullRequest
0 голосов
/ 01 апреля 2010

У меня есть нежелательные пробелы в изображении заголовка, но это видно только из IE 7 назад, IE 8 и других браузеров отображают его отлично

Если бы кто-нибудь мог указать мне правильное направление, как это исправить, то это было бы потрясающе.

Заранее спасибо

Тим

1 Ответ

1 голос
/ 09 февраля 2014

IE использует нестандартную блочную модель, и приспособления могут быть сделаны в html для обработки странностей на основе IE. В основном это работает, потому что это оператор HTML-комментария, и поэтому игнорируется браузерами, отличными от IE, но IE ловит его и знает, как выполнить код. Это работает для версий IE менее 10.

Я сделал это несколько лет назад, и быстрый поиск в сети принес мне несколько примеров на http://www.quirksmode.org/css/condcom.html.

В основном вы вводите код, такой как

    <!--[if IE 6]>
    Special instructions for IE 6 here
    <![endif]-->

В шапке это может быть

    <!--[if IE 6]>
        <style type="text/css">
            img {margin-top: -10px;}
        </style>
    <![endif]-->

или просто сделать ссылку в файле CSS только для IE 6 или более ранней версии

    <!--[if lt IE 6]>
        <link rel="stylesheet" type="text/css" href="url to stylesheet for IE">
    <![endif]-->

В WordPress вы можете скрыть это, используя редактор на ваших страницах администратора. Я использую браузер Google Chrome и нахожу идентификатор объекта, который мне нужно изменить, щелкнув правой кнопкой мыши / Inspect Element, а затем добавляю соответствующий код для внесения изменений.

...