Question

这是我发现的一个奇怪的错误，IE8正在重复我的div，但只是其中的一部分。

它在IE8中的外观如何： alt text

这就是看FF的意思： alt text

HTML：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    \/\/\

 <div id="roundbigbox">
    <p id="pro">Produkter</p>

        <div id="titles">

    <div id="thinlinecopy"></div>
    <div id="varekodetext">
     <p>Varekode</p>
    </div>
    <div id="produkttext">
     <p>Produkt</p>
    </div>
    <div id="pristext">
     <p>Pris</p>
    </div>
    <div id="antalltext">
     <p>Antall</p>
    </div>
    <div id="pristotaltext">
     <p>Pris total</p>
    </div>
    <div id="sletttext">
     <p>Slett</p></div>
    <div id="thinline"></div>
    </div>


...content...


    <div class="delete">

   <a id="slett" href="/order/delete/1329?return=" title="Slett"><!--Slett--></a>
            </div>

    </div>

FF for FF：

div #roundbigbox {
    background-image:url(../../upload/EW_p_og_L.png);
    background-position:top center;
    background-repeat:no-repeat;
    padding:5px;
    padding-top:10px;
    padding-bottom:0px;
    width:760px;
    height:1%;
    border-width:1px;
    border-color:#dddddd;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    z-index:1;
    position:relative;
    overflow:hidden;
    margin:0;
    margin-bottom:10px;
    }

IE的CSS：

div #roundbigbox {
    background-image:url(../../upload/EW_p_og_L.png);
    background-position:top center;
    background-repeat:no-repeat;
    padding:5px;
    padding-right:50px;
    padding-top:10px;
    width:760px;
    height:1%;
    border-width:1px;
    border-color:#dddddd;
    z-index:1;
    position:relative;
    overflow:hidden;
    margin:0;
    margin-bottom:10px;
    }

什么可能导致这样一个奇怪的错误？它没有在HTML中重复。我很难过！

注意：里面有很多其他的div，一个接一个。

感谢您的回复。

Answer 1

我会说同样的：graphicdivine。（最后删除额外的</div>）加上你应该检查你的CSS：

不存在负填充：P（即使在IE中）
您可以使用一个声明设置填充：padding：右上角左下方
边框和背景相同：

background：url（../../ upload / EW_p_og_L.png）top center no-repeat; border：1px solid #ddd; / *当你有6个相同字符的十六进制颜色时，只需写下3个* /

Answer 2

最后你还有一个</div>。

Answer 3

看起来你的样式表可能有错误：

IE的CSS：

div #roundbigbox {
    ...
    padding-bottom:-20px;
    ....
}

可能会导致底部出现这样的情况。

Answer 4

尝试从<a>中删除评论标签

声音听起来很奇怪，但我看到了这个问题... 

Answer 5

在我的div标记之后添加了这个，它修复了它。

<div style="display:none; width:100%; margin-bottom:10px;"> </div>

奇怪的问题。感谢你的帮助！

奇怪的重复IE div

5 个答案: