Question

任何人都可以帮忙吗？

我在IE6 / 7中对齐圆角时遇到问题。基本上一切似乎都在Firefox / IE8中工作，但在IE6 / 7中，左/中/右div没有对齐。

这基本上显示了我所指的内容。

这是IE8中的示例，一切正常http://es.drop.io/ern0fye/asset/ie8-jpg

这就是问题（这个例子在IE8中运行，并且compat模式设置为IE7）

http://es.drop.io/ern0fye/asset/ie7-jpg

我似乎记得IE6 / 7中存在线路高度或类似的错误，但我不记得确切。

我将它下面的CSS和HTML粘贴起来非常简单。基本上有一个左边的div保存左角图像和中心div，其背景为RED，与角落图像相同，最后是右边的div，用于保存右角图像。

我很感激任何人的任何输入。提前谢谢。

这是CSS

.vl-top-left
{
    float:left;
width:12px;
height:12px;
}

.vl-top-center
{
    float:left;
width: 485px;
background-color: #F04A23;
height:12px;
}

.vl-top-right
{
    float:left;
height:12px;
width:12px;
}

，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" >
<head>
    <title></title>
    <link href="Stylesheet1.css" rel="stylesheet" type="text/css" />
</head>
<body>
        <div class="vl-top-left">
            <img src="content/images/esquina_sup_izq.gif" width="12" height="12">
        </div>
        <div class="vl-top-center">
            &nbsp;
        </div>
        <div class="vl-top-right">
            <img src="content/images/esquina_sup_der.gif" width="12" height="12">
        </div>
</body>
</html>

修改

应用边距：0和填充：0在身体上和每个DIV上但仍然左右div按照屏幕截图下降

Answer 1

应用样式img { float: left; }

CSS：在IE 6/7中将问题与圆角对齐，但在IE8 / Firefox等中也可以

1 个答案: