Question

在IE7中遇到一些显示问题。

首先，我的大文本标题在Internet Explorer中显示得太远（所有页面）其次，我对我的投资组合页面的描述最终会超出其包含的div。

虽然在FF / Chrome / Opera / Safari上效果很好！你会明白我的意思：http://bit.ly/a3hUD4（我曾经粗暴地使用过，所以当有人搜索我的网站时，我的愚蠢问题就不会出现了。）

我广泛搜索了一下。不确定问题2是溢出问题，还是IE中的绝对定位错误。

这是具有巨型文本标题的中心div的CSS

.column1 {
padding: 103px 10px 10px 10px;
float: left;
width: 500px;
margin: 0;
}

对于投资组合页面上的描述div

.porttxtbox {
text-align: right;
background-image: url(images/porttxtBG.png);
bottom: 0;
position: absolute;
width: 100%;
padding: 0px;
margin: 0px;
}

它是容器div

.portimgbox {
    padding: 0px;
    margin: 0px;
    height: 250px;
    width: 480px;
    position: relative;
    border: 5px solid #EAEAEA;

提前致谢！

编辑：现在我注意到，这不仅仅是我在column1中的巨型页面标题，我的所有列都比webkit / gecko浏览器高出6或7 px。有什么想法吗？

Answer 1

标题边距

~~尝试使用此~~

~~<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />~~

具有属性line-height的<p></p>标记无法在7或min版本中很好地呈现

用div删除或替换标签可以解决问题，如果问题仍然存在，你可以使用gif spacer ..总是有效：P

绝对位置

~~ops ..我忘了尝试在.porttxtbox中添加左：0;~~

更适合输入位置的orizontal规则left:0;的规范：绝对，因此某些浏览器没有渲染失败，请参阅ie7或min版本。

在IE7中，绝对定位的div跳转到包含div的外部

1 个答案:

标题边距

绝对位置