只在一臺計算機上的每個瀏覽器的菜單上的額外填充

我對此感到困惑。當我在主計算機上查看我的Chrome，FireFox，IE9，Opera或Safari瀏覽器的網頁時，我的菜單翻轉上還有一個額外的3像素頂部填充。只在一臺計算機上的每個瀏覽器的菜單上的額外填充

當我檢查我家裏的其他兩臺電腦時，在所有上述瀏覽器（加上IE8）上，菜單沒有3px的額外填充。

我已經重置了主計算機上的瀏覽器，但我在想外部的東西一定會影響頁面渲染，因爲它發生在我的所有瀏覽器上......？這不會是一個監測條件嗎？我對監視器校準沒有做任何事情。我所有的瀏覽器都以100％縮放。

主要排版：Windows 7的另外兩個譜曲：Windows 7和Windows XP

任何猜測爲什麼這可能會是超級有幫助的。謝謝。

CSS：

#access { 
clear: both; 
display: block; 
float: left; 
margin: 0px 0 40px 0; 
padding:0; 
width: 100%; 
text-align:left; 
/* height:54px; */ 
background-image:url(images/menu-bar.gif); 
background-repeat:no-repeat; 
background-position:top center; 
} 

#access ul { 
list-style: none; 
margin: 0 0 0 20px; 
padding: 0; 
width:100%; 
} 

#access ul li { display:inline;padding:0;margin:0; } 

#access li { 
background-image:url(images/menu-bar-divider.gif); 
background-repeat:no-repeat; 
background-position:top right; 
} 


#access ul li a { 
color: #ffffff; 
display:block; 
float:left; 
padding: 18px 39px 17px 39px; 
text-decoration: none; 
font-size:16px; 
text-shadow: 0px 1px #c86209; 
} 

#access li a:link { } 
#access li:last-child { background-image:none; }  
#access a:hover { text-shadow: none;background-image:url(images/menu-bar-hover.gif);background-repeat:repeat-x;background-position:bottom center;color:#000000!important;} 
#access a:visited { color:#ffffff!important;}

來源

2013-02-26 user2109656

你可以在兩臺機器上粘貼來自chrome的計算過的樣式：顯示正確的一個和顯示打開的一個。當你複製填充的計算樣式打開它來查看它來自哪裏，並通過截圖或類似的東西粘貼，所以我們可以看到，或者你可能已經解決了這段時間。 – 2013-02-26 03:32:07

可能的情景：

這是一個CMS？你是否可以在其他電腦中以管理員身份登錄？我有與Wordpress相同的問題。 http://wordpress.org/support/topic/31-update-causing-28px-top-spacing-in-html-body
你有任何插件，插件，廣告軟件安裝，是干擾你的佈局？
你使用CSS重設或標準化？（其中一個不是兩個）這可以幫助您解決

類似的問題。

你能嘗試的jsfiddle或http://tinkerbin.com/重現你的情況？

來源

2013-02-26 03:46:05

只在一臺計算機上的每個瀏覽器的菜單上的額外填充

回答

相關問題