2011-12-25 58 views
0

錯誤頁面>www.marijevijselaar.nl/txp/oops菜單(鏈接)在錯誤頁面上不起作用...?

只有菜單中的鏈接不再有效。頁腳中的鏈接都可以。我正在使用最新的Chrome(Mac)。

CSS(僅適用於#error404)>

html, body { 
    height: 100%; 
} 
#error404 #container { 
    position: relative; 
    height: 100%; 
    padding: 0; 
} 
#error404 #header { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: auto; 
    background: transparent; 
} 
#error404 #footer { 
    position: fixed; 
    bottom: 0; 
    height: 180px; 
    margin-bottom: 10px; 
} 
#error404 #left { 
    float: left; 
    position: absolute; 
    top: 190px; 
    bottom: 180px; 
    background: transparent; 
} 
#error404 #main { 
    position: absolute; 
    left: 180px; 
    right: 0px; 
    background: transparent; 
    top: 190px; 
    bottom: 180px; 
} 
#error404 #right { 
    float: right; 
    position: absolute; 
    top: 190px; 
    bottom: 180px; 
    background: transparent; 
} 

它做html, body {height: 100%;} ...因爲當你跳過它的頁面再次互動......但後來我已經失去了背景(不透明度)#container(css文件中的.cscs文件)。

+0

感謝所有響應。我會在未來幾天看到它。聖誕快樂! – redfox 2011-12-25 13:44:20

回答

1
GET http://www.marijevijselaar.nl/txp/jquery.fancybox/jquery.easing.1.3.js 404 (Not Found) 

似乎你有一個斷開的鏈接。在Chrome中使用開發人員工具會立即向您顯示。

1

你的空權<div>是在你的左邊<div>其中包含的鏈接。

在該頁面中,只需使用CSS或甚至內聯樣式隱藏<div id="right">,您的鏈接將再次運行。

另一種選擇是將左側div的z-index設置爲大於右側div。

+0

仍然...奇怪的是,其他頁面的佈局與#left,#main和#right的確切寬度正確對齊。他們如何在錯誤頁面中打破? – redfox 2011-12-27 06:09:18

+0

@redfox - 看起來不是太深,也許是因爲它們漂浮了。 – 2011-12-27 07:58:14

0

你有一個元素重疊的鏈接,我注意到它時,開放的開發工具看着。當底部的免責聲明/版權框與鏈接重疊並且底部有小空間時,它們工作。

嘗試刪除<div id="right">&nbsp;</div>

變化 #error404 #right { float: right; position: absolute; top: 190px; bottom: 180px; background: transparent; }

#error404 #right { display: none; }

,你會看到這是怎麼回事

+0

我沒有考慮重疊,因爲網格在其他頁面中工作正常......#left,#main和#right都有精確的寬度......所以這裏發生了什麼? – redfox 2011-12-27 06:13:43

+0

我保證它是一個重疊的元素 – Shea 2011-12-27 08:44:44