CSS布局困难，网站行为铬，但不是在火狐

-1

我有这个网站的跨浏览器的问题，有人可以向我解释为什么它不是在Firefox中工作，但在谷歌浏览器请吗？CSS布局困难，网站行为铬，但不是在火狐

当点击图像，文本是不正确的Firefox

http://dl.dropbox.com/u/2306276/problem/index.html

定位，我认为它是与

display: table;

，但我不知道为什么。

感谢

来源

2011-10-30 pingu

请在此处张贴一些相关代码并描述*究竟是什么*完全不工作 –

我已发布该网站，您可以使用萤火虫查看代码。我已经描述了这个问题，“文本定位不正确”，你想要什么？它进一步向下，向左，有时向右，比它应该是？ – pingu

改变你的CSS的这些位：

div.container { 
    height: 215px; 
    line-height: 215px; 
    width: 215px; 
    text-align: center; 
} 

div.child { 
    display: inline-block; 
    margin: 0; 
    position: relative; 
    vertical-align: middle; 
}

它通常比较安全，避免display: table-*在可能的情况。

来源

2011-10-30 10:45:44 Eric

非常棒，非常感谢这个@Eric，完美地工作。我正在使用“display：table”来“缩小”div，并且我尝试过使用“display：inline-block;”但是这导致了对齐问题。非常感谢，再次。 – pingu

-1

尝试设置 “位置：亲属” 它可能工作

来源

2011-10-30 10:37:44

位置：设置相对。 – pingu

你看到https://bugzilla.mozilla.org/show_bug.cgi?id=10209

它也固定在Firefox Nightlies版;该修补程序将在Firefox 10中发布。

来源

2011-10-30 18:45:50

CSS布局困难，网站行为铬，但不是在火狐

回答

相关问题