IE中的CSS/HTML问题 - 如何解决？

http://noasimon.co.il/

它看起来在火狐，Chrome，Opera和IE8
但是，当我打开IE8中的“兼容性视图”菜单图像去细在文本下方。

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

缩略图走得太远左视图之外。

任何人都知道我该如何解决这个问题？我对这类东西的经验很少。

2010-07-01 shoosh

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

来源

2010-07-01 13:32:28 reisio

工作，只有一个fixe - 而不是'left：0'它应该是'right：250px'。谢谢！ – shoosh 2010-07-01 15:21:35

此外，仍然在IE浏览器中，出现页面缩小时出现错误的情况... – shoosh 2010-07-01 15:29:44

在哪个IE浏览器？你意识到你的ie.css会去所有版本的IE，对吧？ – reisio 2010-07-01 15:51:28

祝贺W3C有效的HTML！（我检查，以确保公正）

因为它看起来像div#header总是将是50px高，总是在（0,0）div#wrapper内，并在（0,50）的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; 
}

来源

2010-07-01 07:28:59 amphetamachine

..标题很好，我其实说的菜单 – shoosh 2010-07-01 07:52:17

在你的页面上的第二次看我以为一招矿采用的朋友不妨来帮助：

* {填充：0; margin：0;}

这通常有助于解决常见的IE兼容性问题，与边界和填充的默认值有关。

来源

2010-07-01 09:00:55 vlood

没有明显的效果。 – shoosh 2010-07-01 09:11:53

您是否在CSS文件的顶部添加了这一行？只是好奇它是否会有所作为... – vlood 2010-07-02 06:31:50

看起来这是"double margin"

良好的情况下，基本上你需要的“兼容视图”做的是设置display到inline上漂浮，并有余量的元素。

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

来源

2010-07-01 09:07:22 peirix

刚试过这个。问题依然存在。 – shoosh 2010-07-01 09:35:32

你可以使用..

.sidebar UL { 保证金：0像素; padding：0px;

} .sidebar li { float：right; display：inline-block; margin：1px; padding：0px 4px'

font-size：..;

}

感谢 Ptiwari。

来源

2010-07-15 08:03:59 Prashant

IE中的CSS/HTML问题 - 如何解决？

回答

相关问题