谷歌瀏覽器中的網頁設計問題

-1

我有這個頁面http://test.nesoteos.org/collegeNavigator/index.php?page=department/home/12/Civil+Engineering.It在Firefox中看起來不錯，但在Chrome瀏覽器中看起來不錯。
在Firefox中，網頁左邊菜單欄就像我需要的對齊。（下面顯示的標題導航bar.But的Chrome瀏覽器在同一頁面顯示沒有correctly.The側菜單主菜單中移動更趨向極端left.I需要像在Firefox.The CSS和HTML代碼是預先給定的below.Anybody請help.Thanks顯示它谷歌瀏覽器中的網頁設計問題

CSS代碼：

.leftpanel_menu{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    color: #EEEEEE; 
    padding-right: 15px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 7px; 
    vertical-align: middle; 
    text-align: left; 
    border-bottom-color: #fff; 
    border-bottom-style: none; 
    border-bottom-width: 1px; 
    margin-left:22px; 
}

HTML代碼

<div class="leftpanel_menu" >link</div>

來源

2013-09-27 Sonya Krishna

兩個顯示都是一樣的。 – 2013-09-27 11:10:12

這個CSS對我來說工作正常。

.leftpanel_menu{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    color: #EEEEEE; 
    padding-right: 15px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 7px; 
    vertical-align: middle; 
    text-align: left; 
    border-bottom-color: #fff; 
    border-bottom-style: none; 
    border-bottom-width: 1px; 
    margin-left: 150px; 
    }

來源

2013-10-25 04:22:05

嘗試瀏覽器重置在你的CSS的開始。類似於

{ margin：0; 填充：0; }

看看這樣做後，在所有瀏覽器看起來是否相同。

來源

2013-09-27 11:16:55

{之前的點應該是一個asterix（*） –

如果您使用的是Firefox版本21，那麼很可能這個問題是由於Firefox的縮放級別。 Chrome在此代碼中沒有問題。Firefox的默認縮放級別高於早期版本。 Details for Firefox Zoom level in latest version here。您的HTML佈局和樣式不合適，這就是它在Chrome中無法正常顯示的原因。

來源

2013-10-24 09:24:43

谷歌瀏覽器中的網頁設計問題

回答

相關問題