2012-02-25 76 views
0

繼承人網站http://designobvio.us/dov2/index.html如何在調整窗口大小時保持固定位置導航靜止定位

CSSframework:grid960。

繼承人的CSS線

#siteSectionOne #nav{position:fixed; left:50%; margin-left:-220px; z-index:10;} 

這可能需要的jQuery/JavaScript來完成;我會做研究,如果任何人都可以在正確的方向提供一些線索

當我調整窗口的大小時,導航欄一致移動。在某個時候導致合併,或者讓它漂浮得太遠,看起來很醜。

有沒有辦法保持導航固定寬度明智;同時保持固定滾動

我對如何完成這一點有點遺留 我試過左:%和-margin-left; 我試過把它放在父母身上;然而,沒有什麼似乎覆蓋父div

任何想法謝謝你!

回答

1

這不應該需要JavaScript。試試這個:

更新您的#siteSectionOne #nav選擇以下幾點:

#siteSectionOne #nav { 
    position: fixed; 
    left: 50%; 
    margin-left: -470px; 
    z-index: 10; 
} 

這似乎爲我工作。

+0

我應該注意到,如果用戶的屏幕寬度小於960像素,會發生奇怪的事情。不過,您可以通過媒體查詢來解決這個問題。如果它們的寬度小於960像素,則將左側設置爲0並刪除左側的空白。 – RussellUresti 2012-02-25 05:11:46

+0

感謝您的支持 – 2012-02-25 20:43:46

相關問題