IE 中的 CSS/HTML 问题 - 如何修复？

Question

我正在此页面上工作：

http://noasimon.co.il/

它看起来不错Firefox、Chrome、Opera 和 IE8
但是当我在 IE8 中打开“兼容性视图”时，菜单图像位于文本下方。

仅在此视图中发生的另一个问题位于此页面中：
http://noasimon.co.il/exhibition2010

缩略图在视图之外太靠左。

有人知道我该如何解决这个问题吗？我对这类事情的经验很少。

Answer 1

.ngg-album {
    position: relative;
}
.ngg-albumimage 
img {
    position: absolute;
    left: 0;
    top: 0;
}
.ngg-albumimage {
    display: inline;
}

Answer 2

恭喜 HTML 获得 W3C 有效！ （我检查只是为了确保）

因为看起来 div#header 总是 50px 高，并且始终位于 内部的 (0,0) >div#wrapper，并且 div.sidebar 始终位于 (0,50)，为什么不这样做：

div#wrapper {
    position: relative;
}

div#wrapper div#header {
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
}

div#wrapper div.sidebar {
    position: absolute:
    top: 50px;
    left: 0px;
}

Answer 3

在第二次查看您的页面时，我认为我的朋友使用的一个技巧可能会有所帮助：

* {填充：0；边距：0；}

这通常有助于解决与 margin 和 padding 的默认值相关的常见 IE 兼容性问题。

Answer 4

看起来这是 "double margin" 的一个很好的

例子对于“兼容视图”，需要做的是将浮动且有边距的元素上的 display 设置为 inline。

.ngg-albumtitle {
    float: right;
    display: inline;
}

Answer 5

你可以使用..

.sidebar ul {
边距：0px；
内边距：0px；

}
.侧边栏李{
浮动：右；
显示：内联块；
边距：1px；
填充：0px 4px'

字体大小：...；

}

谢谢
普蒂瓦里。