Question

希望你能帮忙！我构建的网站在我测试过的所有浏览器中都有用。让我感到悲伤并需要你帮助的事情就是网站的导航。

我老板的电脑上的最后一个列表项（联系人）将进入下一行，但是在他的笔记本电脑上它看起来很好，在我的电脑上工作和在家看起来很好。我使用的操作系统是Windows 7 64位。我老板使用的版本是计算机上的Windows 7 32Bit - 它仍然会破坏，但是在使用Windows XP 32位的笔记本电脑上工作。

我们认为这不是一个浏览器问题，因为我们拥有最新的浏览器，即Chrome中的相同版本号，例如并且仍然得到不同的结果。

我附上了HTML和CSS FYI的片段：

    <div id="Navigation">
        <ul>
            <li><a href="default.html" class="Home" title="Home">Home</a></li>
            <li><a href="registration-job-posting.html" title="Post Ad">Post Ad</a></li>
            <li><a href="#" title="About Us"><span>About Us</span></a>
            <ul>
                    <li><a href="testimonials.html" title="Testimonials">Testimonials</a></li>
                </ul>
            </li>
            <li><a href="audience.html" title="Audience">Audience</a></li>
            <li><a href="services-and-pricing.html" title="Services &amp; Pricing">Services &amp; Pricing</a></li>
            <li><a href="registration-company-profile.html" title="Free Company Profile">Free Company Profile</a></li>
            <li><a href="recruitment-agencies-and-recruitment-advertising-agencies.html" title="Agencies"><span>Agencies</span></a>
                <ul>
                    <li><a href="recruitment-agencies.html" title="Recruitment Agencies">Recruitment Agencies</a></li>
                    <li><a href="recruitment-advertising-agencies.html" title="Recruitment Advertising Agencies">Recruitment Advertising Agencies</a></li>
                </ul>
            </li>
            <li><a href="#" title="Help">Help</a></li>
            <li class="Selected"><a href="contact-us.html" class="Contact" title="Contact">Contact</a></li>
        </ul>
    </div>

CSS：

 #Navigation {background:#e6faff url(../images/Global/Header/navigation-bg.gif) no-repeat;float:left;height:72px;margin:0 0 0 -2px;position:relative;top:-5px;width:942px;z-index:10}

#Navigation ul {float:left;font-family:"Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;font-size:1.2em;height:66px;width:942px}

#Navigation ul li {float:left;position:relative}

#Navigation ul li a span {background:url(../images/Global/Header/navigation-arrow.png) no-repeat center bottom;display:block}

#Navigation ul li a,
#Navigation ul li a:hover {background:url(../images/Global/Header/navigation-divider.gif) no-repeat;color:Black;display:block;line-height:60px;padding:6px 20px 0 20px;text-shadow:1px 1px 1px White}

#Navigation ul li.Selected {font-weight:bold}

#Navigation ul li a.Home {background:none;padding:6px 16px 0 16px}

#Navigation ul li a.Contact {padding:6px 0 0 16px}

提前致谢！

的Dom

Padding在不同的计算机上的解释不同

0 个答案: