Question

我正在建立一个网站，www.vitaminjdesign.com

在IE7中，您会注意到在页脚中，列表项的第一行缩进了一点。有谁知道我需要什么CSS修复？感谢

Answer 1

尝试在list-style-position: outside元素上设置LI。把它放在条件样式表中，这样它只能被IE7看到。

顺便说一句，你的整个网站上有很多拼写错误 - 如果人们要认真对待你的话，你会想要清理它们。

Answer 2

你可以创建一个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] -->

Answer 3

IE7有不同的css文件。当我在IE中加载页面时，我注意到状态栏中有一个警告三角形。它抱怨{55}未在第55行定义css_ims。检查IE特定文件的语法错误（我的意思是MS认为语法错误）。

IE 7调试问题 - 第一行的<li>缩进</li>

3 个答案: