2009-10-01 155 views
0

沒有顯示我有一種奇怪的問題..鏈接在Firefox和Safari瀏覽器

的東西是不是在FF &野生動物園工作,但正在對IE瀏覽器本身就已經很奇怪,但我似乎無法找出這個問題..

在我的網站http://www.turnkring-excelsior.be有鏈接到社交媒體的右上角(youtube,臉譜和flickr),在IE瀏覽器,他們鏈接,在ff & safari他們不是..

現在,我縮小了問題的範圍。它似乎與我的包裝div的寬度有關,在我的CSS文件中,我聲明這個div的寬度爲1000px。如果我放大這張說1200像素,各環節上做到對FF &野生動物園工作..

如果我放大隻是有點像說1050,Flickr的鏈接僅對(一個在最右邊)

有沒有人有任何建議?

回答

2

這是一個組合正邊緣誤差,您嘗試按照您希望的方式排列div。基本上你已經設法將一個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> 
+0

我能解決這個使用z-index的? – Pmarcoen 2009-10-01 22:57:01

+0

你可以,但那時你會遇到舊版Internet Explorer的問題。一般來說z-index是用來做一些很酷的事情,而不是修正錯誤的CSS;) – jakeisonline 2009-10-01 22:58:50

+0

是的,但在IE瀏覽器工作..但我試過了,但給了我的社會分區z-索引2和圖像分區z-索引1, t似乎工作.. – Pmarcoen 2009-10-01 23:05:32

相關問題