2012-09-17 73 views
1

由於幾個星期我正在建立一個新網站。該網站開始看起來不錯,但有一個問題。在小瀏覽器窗口中隱藏網站的頂部部分

時,我認爲我的比實際的小網頁瀏覽器窗口網站,在頁面頂部的菜單欄被切斷。我無法在頁面上下滾動,但頂部不能被加熱。

這個問題可能有事情做與「中心」的代碼,我使用垂直爲中心。有沒有一種解決方案,我可以保持我的網頁居中,但仍然可以在我使用小窗口時到達頁面頁面?

我都準備好了通過使用「視窗」元標記解決在Chrome中移動的問題。 不幸的是,當窗口很小時,像IE,safari,Chrome等桌面瀏覽器仍然拒絕顯示我的網頁的頂欄。

這裏是我的網站的鏈接: test.themissingsticks.com

嘗試在fullscrene窗口中查看它(以上高度800像素的分辨率),並小於600px的高度的窗口中查看它。您會注意到,即使您嘗試向上滾動,我網站頂部的灰色菜單欄也不會顯示。

該網站由下面的行的CSS的中心:

top: 50%; 
margin-top: -340px; 
left: 50%; 
margin-left: -513px; 

寬度頁面是1026px和高度爲680像素是。

請幫忙。提前致謝!

+1

能否請你加你用垂直編碼中心網站 –

+2

您使用絕對定位和切緣陰性定位你所有的頁面元素的方法只是有點瘋狂。有更簡單的方法來做到這一點。我建議回到基礎,並就一般網站集中和建立網站方面的最佳做法進行研究。 –

+1

嗨!對很多html/css差異。你應該使用大多數元素的相對定位來完全重構你的代碼。 –

回答

2

去style.csss
「menutms」 的變化CSS
取代的margin-top:-340px;margin-top:-300px;
它將在所有瀏覽器中工作。

+0

@ user1677453嘗試一下並告訴我發生了什麼。 –

+0

問題仍然存在,只有菜單欄被降低。 –

+0

在所有「margin-top:」CSS中添加40px ..它將起作用。 –

相關問題