Отладка IE 7 - загадочный отступ <li>в первой строке - PullRequest
Новая
       12

Отладка IE 7 - загадочный отступ <li>в первой строке

2 голосов
/ 23 декабря 2009

Я создаю веб-сайт, www.vitaminjdesign.com

В IE7 вы заметите, что в нижнем колонтитуле первая строка элементов списка имеет небольшой отступ. Кто-нибудь знает, какое CSS-исправление мне нужно для этого? БЛАГОДАРЯ

Ответы [ 3 ]

5 голосов
/ 23 декабря 2009

попробуйте установить list-style-position: outside на ваших LI элементах. Поместите его в условную таблицу стилей, чтобы он мог видеть только IE7.

Кстати, в вашей копии по всему сайту много опечаток - вы захотите почистить их, если люди будут серьезно относиться к вашей подаче.

0 голосов
/ 23 декабря 2009

У вас есть разные CSS-файлы для IE7. Когда я загружаю страницу в IE, я замечаю, что в строке состояния есть предупреждающий треугольник. Он жалуется на то, что css_ims не определено в строке 55, символ 3. Проверьте специфичные для IE файлы на наличие синтаксических ошибок (я имею в виду то, что MS считает синтаксическими ошибками).

0 голосов
/ 23 декабря 2009

Вы можете создать взлом IE. Создайте новую таблицу стилей (например, ie-hacks.css) со следующим (пример использования класса, используйте все, что вы хотите): 

.ie-hack ul {
margin-left: -5px;
}

Возможно, вам придется изменить значение поля слева в стиле. А в нижнем колонтитуле обновите следующий код: 

<ul id="info" class="ie-hack">

        <li class="header">Vitamin J Design</li>
        <li>a web & graphic design studio</li>
        <li><a href="mailto:info@vitaminjdesign.com">info@vitaminJ.com</a></li>
        <li>(609) 238-4513</li>
    </ul>

    <ul id="rfi" class="ie-hack">

        <li class="header" class="ie-hack">Ready To Get Started?</li>
        <li>Fill out our <a href="rfp.html">Request for Proposal</a> form and tell us a little bit about your proejct</li>
        <li style="margin-top:4px"><a href="cost.html">How Much Will My Site Cost?</a></li>

    </ul>

     <ul id="navigate" class="ie-hack">      
        <li class="header">Navigate</li>

        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="work.html">Work</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="blog">Blog</a></li>
    </ul>

И, в разделе "head" вашей разметки, вам нужно добавить следующее: 

<!--[if IE 7]> <link href="path/to/above/stylesheet.css" rel="stylesheet" type="text/css"> <![endif] -->
...