奇怪的CSS邊欄問題

Here is the site in question 奇怪的CSS邊欄問題

我已經有側邊欄工作的網站的任何其他頁面，除了這一個;所有頁面都有相同的模板。現在的側邊欄是做舊的「去內容下」。

當我嘗試編輯它在Firebug中的位置而不是相對的任何東西，然後將其更改回相對位置時，它會很快恢復到原位。但是，我在代碼中所做的更改什麼也不做。

當我向帖子添加youtuve視頻時，問題開始出現。

除了通過Jquery快速改變位置之外的任何想法？

來源

2010-01-11 wesbos

什麼瀏覽器顯示問題？在FF，Opera，Chrome，IE7中，我看起來很好.. – 2010-01-11 23:22:38

在Safari 4中很好。你清除了你的緩存嗎？ – 2010-01-11 23:26:39

Firefox OSX 10.6 :) – wesbos 2010-01-11 23:27:22

保持側邊欄在那裏它是（在<div id="left">下），只是改變一個CSS規則，並添加另一個：

/* layout.css Line 310 */ 
#content { 
    display: block; /* Changed from 'table' */ 
    overflow: hidden; /* Keeps 'left' and 'sidebar' from overflowing 
}

測試工作：Firefox 2.0中贏了，3.0的Mac/Win中，3.5的Mac ; Safari 4; IE6，IE7，IE8; Chrome 3 Win

來源

2010-01-11 23:52:30

cha-ching！這是一個奇怪的問題。非常感謝你的幫助，你真的超越了！你可以取下那個臨時網站嗎？不想在網上擁有複製內容。再次感謝！:) – wesbos 2010-01-13 00:48:29

@Wes很高興我能幫忙，臨時頁面已被刪除。乾杯! – 2010-01-13 03:52:37

它在我看來就像#sidebar上的position:relative是搞砸了。嘗試將其更改爲側邊欄ID上的position: static。

來源

2010-01-11 23:31:09 NerdStarGamer

我希望這會做到，但沒有運氣。適用於螢火蟲，但不是當我保存重新加載CSS時。 – wesbos 2010-01-11 23:34:24

是的，現在我明白了。我創建了一個本地版本的網站。除去所有的位置：親屬似乎沒有好處。這絕對是由YouTube視頻觸發的。 – NerdStarGamer 2010-01-11 23:50:43

你有一些mising結束標籤：[Invalid] Markup Validation of reneewarren.com/category/blog/ - W3C Markup Validator。並嘗試使用插件來執行有效的閃存嵌入：WordPress › Kimili Flash Embed « WordPress Plugins。

來源

2010-01-11 23:33:40 markratledge

啊，我錯過了一個關閉的Div標籤，但一旦驗證問題仍然存在。 – wesbos 2010-01-11 23:52:04

嘗試在內容標記之前移動邊欄標記。

來源

2010-01-11 23:37:34

工作正常！由於SEO而不是最好的解決方案，但它的工作原理。我想聽聽其他人是否有建議，如果沒有，我會給你答案。再次感謝:) – wesbos 2010-01-11 23:39:41

由於您使用的是固定寬度佈局，因此您也可以將側邊欄浮動到左側。這將解決您的問題，而無需重新排序您的內容。 – 2010-01-11 23:44:09

浮動權僅用於設計，當一個殭屍程序抓取一個網站時，它們會禁用所有樣式，並將側邊欄鏈接留在所有帖子之上。 – wesbos 2010-01-11 23:56:00

當您從#content中刪除position:relative會發生什麼情況？另外，我可以在FF3.0.17上覆制問題XP

來源

2010-01-11 23:42:22

問題依舊.. – wesbos 2010-01-11 23:52:56

您是否嘗試過設置高Z指數？

來源

2010-01-11 23:48:06

是的，沒有運氣.. – wesbos 2010-01-11 23:53:47

奇怪的CSS邊欄問題

回答

相關問題