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

祝贺W3C有效的HTML！ （我检查确认）

由于看起来div#header始终为50px高且始终位于div#wrapper内的（0,0），div.sidebar始终位于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; } （0,50），为什么不这样做：

{{1}}

Answer 3

再看看你的页面，我认为我的朋友使用的技巧可能会有所帮助：

  

* {padding：0; margin：0;}

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

Answer 4

看起来这是"double margin"

的好例子

基本上，您需要为“兼容视图”执行的操作是将display设置为inline有关已浮动且具有边距的元素。

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

Answer 5

你可以用..

.sidebar ul { 保证金：0像素; 填充：0像素;

} .sidebar li {     漂浮：对;     display：inline-block;     保证金：1px的; 填充：0px 4px'

字体大小：..;

}

由于 Ptiwari。