2011-10-06 104 views
1

我已經100%的寬滑塊,如:HTML/CSS位置絕對&相對

<div id="fitter" style="width: 100%; height: 400px; overflow: hidden"> 
    <div id="slider" style="width: 1920px; height: 440px; position: relative;"> 
     <div id="nav" style="width: 80px; height: 80px; position: absolute; bottom: 0; right: 0"></div> 
    </div> 
</div> 

的#slider是1920px寬。如果用戶的分辨率低於1920x1080,那麼鉗工會切斷其餘部分。

導航將永遠是滑塊的孩子和滑塊總是相對定位。它是由我的滑塊腳本自動生成的。如果你問,我使用Nivo Slider。

問題是如何居中導航元素或將其對齊到屏幕的右側(#fitter不是#slider)。

我能做的就是造型「導航」或使用JS。有任何想法嗎?

例子:http://jsfiddle.net/aRmEy/(儘量居中第二紅色框)

[編輯] 對不起,我生病了&頭痛。

+3

那麼你的問題到底是什麼? – riwalk

回答

0

如果您在說您無法更改fitter的CSS並希望能夠滾動到包含nav的末尾。你不能將以下內容添加到你的CSS?

#fitter { 
    overflow:visible !important; 
} 

例子:http://jsfiddle.net/M3pLg/

由於占星暗示,我可能誤解了你的要求。

+0

我正在使用overflow:hidden,因爲我希望滑塊能夠佔用100%的用戶瀏覽器寬度,而不佔用更多空間。溢出:可見破壞整個概念並添加水平滾動。全寬滑塊的示例:http://www.theninjaofweb.com/tools/demos/4/ – Wordpressor