0

我们设计了一些网站，这些网站在 Windows 或 Linux 或 Mac 中的 IE、FireFox、Chrome 或 Opera 中没有任何问题。

我在 iPad（Safari 或 Chrome）中检查了我的网站，在这两种浏览器中，我的页面右侧都有一个小间隙！

我使用 Eric Meyer 的重置 css： http: //meyerweb.com/eric/tools/css/reset/

例如我截屏： 在此处输入图像描述

这是一个<div>图层，这是 css 样式： 在此处输入图像描述

我应该怎么做才能解决这个问题？

更新：

这是 HTML 代码：

<div id="footer">
    <a href="http://domain.com">My WebShop V1.0</a>
    <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Term of use</a></li>
        <li><a href="#">Jobs</a></li>
        <li><a href="#">Advertisment</a></li>
        <li><a href="#">FAQ</a></li>
        <li><a href="#">SiteMap</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
    &copy; 2013 My WebShop - Allrights reserved.
    <br />
    <a href="#" >Designed and Developed by IITA</a>
</div>

CSS 代码：

#footer {
background-color: #D6D5CF;
text-align: center;
line-height: 18px;
padding: 20px;
color: #000000;
direction: rtl;
font: 11px Tahoma, Geneva, sans-serif;
}

更新 2：

我发现了新东西，在这一层（我的意思是页脚）之前，我还有另一层：

<div class="mainPage center width990">
       ....
</div>

CSS代码是：

.mainPage {
    min-height: 800px;
    padding: 5px;
}

.width990 {
    width: 990px;
}

.center {
    margin: 0px auto;
}

当我删除和padding从问题将解决！但是这一层（）不是父级，是后级！.mainPagewidth.width990.mainPage#footer#footer.mainPage

这是一个BUG吗？

4

0 回答 0