Firefox 和 safari 中未显示链接

Question

我有一个奇怪的问题..

在 ff 和 safari 上不起作用但在 IE 本身上起作用的东西已经很奇怪了，但我似乎无法弄清楚这个问题..

在我的网站http://www.turnkring-excelsior.be 右上角有社交媒体链接（youtube、facebook 和 flickr），在 IE 上它们是链接的，在 ff 和 safari 上它们不是......

现在，我缩小了问题范围.. 它似乎与我的包装 div 的宽度有关，在我的 css 文件中，我将这个 div 的宽度声明为 1000px。如果我将其放大到 1200 像素，则链接确实适用于 FF 和 safari..

如果我把它放大一点，比如 1050，flickr 链接只能工作（最右边的那个）

有人有什么建议吗？

Answer 1

这是一个组合的正边距错误，你试图按照你想要的方式排列你的 div。从本质上讲，您已经设法将一个 div 放在另一个上，从而阻止了链接。

#social 目前的上边距为 23px，而 #image 几乎在所有方面都定义了许多边距，大概是为了迫使它向右移动，低于社交链接？由于#image 的边距与#social 的内容重叠，浏览器会认为#image 是另一层。

您需要找到一种更好的方法来定位这些，也许两个容器 div 充当浮动的列。

伪（未测试）：

<div id="container">  
    <div id="top-bar">  
        <div id="menu" />  
        <div id="social" />  
    </div>
    <div id="left">
        content n stuff
    </div>
    <div id="right">
        <div id="image" />
    </div>
</div>