塊不會在Firefox

顯示看看這個用IE或Chrome，並注意黃色塊： http://vansschoenenonline.com/portfolio/vans-era-goldcoast-ginger-bread/塊不會在Firefox

現在在Firefox打開同一個頁面和奇蹟發生了......塊消失。

有誰知道是什麼原因造成的？我做錯了什麼？

2012-06-19 Luuk

只是position:relative從.single-portfolio .entry-content類中刪除，並在您的div風格left: 0; top: 314px;這使「Goedkoopste店：」增加這些屬性的文本
它可以幫助你

來源

2012-06-19 12:50:09 khurram

幾乎是正確的......它現在是易得的，但不是在正確的地方。編輯：有一點額外的調整，這沒有把戲。將標記爲正確的答案。非常感謝！ – Luuk

使用firebug進行正確的佈局。你可以設置你想要的位置 – khurram

你的HTML是無效的：

<h5><h2>Goedkoopste shop:</h2></h5>

標題不能嵌套，瀏覽器做他們請什麼錯誤和每一個可能會有所不同。

http://validator.w3.org/check?uri=http%3A%2F%2Fvansschoenenonline.com%2Fportfolio%2Fvans-era-goldcoast-ginger-bread%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

驗證輸出：2個錯誤

154行，第列84：航向不能另一個標題的子對象。 …10px 0 -5px 3px;; margin-bottom:-5px;">Goedkoopste shop:</h2></h5><span style=…

154線，柱111：雜散結束標記 H5。 …ttom:-5px;">Goedkoopste shop:</h2></h5><span style="margin-left:3px;">Fresh Co…

來源

2012-06-19 12:46:39

Allthough這是真的（改變了它），它並沒有解決我的問題 – Luuk

的原因是在style.css中：

.single-portfolio .entry-content .entry-meta { 
    left: 0; 
    width: 220px; 
} 

.gecko.single-portfolio .entry-content .entry-meta { left: -240px; }

在您的div.entry-meta上應用left:xxx時存在歧義。 Firefox應用最後一個，與Chrome和IE相反（他們可能認爲第一個.gecko.single-portfolio呈現整個規則無效）。

如果您使用Firefox開發人員工具，則會看到應用了一個說left: -240px;的工具。如果取消選中它，則您的區塊在其他瀏覽器中可見。

如果您刪除此行：

.gecko.single-portfolio .entry-content .entry-meta { left: -240px; }

（或讓這個它不是這個塊應用），這將是確定

來源

2012-06-19 12:50:27

這不是不明確的;他的腳本是UA嗅探，只能在Firefox中設置'.gecko'位.... –

塊不會在Firefox

回答

相關問題