我有一個網頁是1640px寬,主要內容是在頁面的中心,是900px寬。無論用戶屏幕或瀏覽器大小如何,我都需要在瀏覽器窗口中水平放置網頁中心。這是可能的JavaScript,jQuery或css?我沒有任何與java真正的經驗,所以有人可以指向正確的方向,或者他們有代碼示例?謝謝您的幫助!
這裏是一個鏈接到頁面來幫助。 Webpage link
我可能會遇到的問題是因爲頁眉和頁腳在我的容器外面並且運行了我的網頁的整個寬度。
我有一個網頁是1640px寬,主要內容是在頁面的中心,是900px寬。無論用戶屏幕或瀏覽器大小如何,我都需要在瀏覽器窗口中水平放置網頁中心。這是可能的JavaScript,jQuery或css?我沒有任何與java真正的經驗,所以有人可以指向正確的方向,或者他們有代碼示例?謝謝您的幫助!
這裏是一個鏈接到頁面來幫助。 Webpage link
我可能會遇到的問題是因爲頁眉和頁腳在我的容器外面並且運行了我的網頁的整個寬度。
,我發現你的問題......你的代碼是做你想要的吧去做。您需要從您的html,body
刪除,說的CSS width:1680px;
,而不是讓它說:width:100%;
希望幫助!
太棒了!你解決了這個問題!每個人都非常感謝你所有的投入和不同的解決方案! –
一個簡單的問題,如果你再次看我的鏈接,作爲一個改變我的屏幕設置,並查看頁面時,我的頁眉和頁腳不顯示滾動到右側?任何想法 –
我只是看着你的'#容器'div。你需要使它的寬度達到100%。然後你在你的'#footer-shadow' div上有一些內聯樣式,它將它的寬度設置爲1040px。您還需要將其設置爲100%。很高興我能幫上忙! – JCBiggar
的代碼看起來是這樣的:
#container { width: 1640px; margin: 0 auto; max-width: 100%; background-position: center 0;}
您需要使用一個相對測量 - 即100%百分比 - 而不是一個固定數量 - 即爲1680像素。這樣,你的包裝將採取特定屏幕的整個寬度沒有問題的解決是什麼,內容將居中:
#wrapper {
width:100%;
}
#content {
width:900px;
margin:0 auto;
}
你嘗試過什麼嗎? – Xymostech
我已經嘗試過文本對齊:中心,將頁邊距設置爲自動,我似乎無法在加載時在瀏覽器中使頁面居中。 –