我想讓我的菜單欄自動調整大小在主題

我已經添加了一個導航菜單背景到我的樣式表，我發現當我放大我的瀏覽器時，菜單它自己不會調整像我的主題的其餘部分，它採取另一種立場，從主題結構了......這就是我的導航CSS代碼：我想讓我的菜單欄自動調整大小在主題

#main-menu { 
margin-left:184px; 
width: 978px; 
    height: 56px; 
    background: url(images/nav_bg.png); 
    z-index: 1; 
    position: relative; 
    } 

#main-menu ul { 
background: url(images/nav_bg.png); 
    margin: 0; 
    height: 56px; 
    } 

#main-menu ul li { 
background: url(images/navh_bg.png); 
    float: left; 
    height: 56px; 
    position: relative; 
    margin-right: 25px; 
    } 

#main-menu ul li:last-child, 
#main-menu ul li.last { 
    margin-right: 0; 
    } 

#main-menu ul li a { 
    font-size: 13px; 
    height:56px; 
    line-height: 56px; 
    vertical-align: middle; 
    float: left; 
    font-weight: bold; 
    padding: 0 4px; 
    color: #4C4C4C; 
    } 

#main-menu ul li:hover { 
background: url(images/navh_bg.PNG) no-repeat scroll center bottom transparent; 
    visibility: inherit; 
color: #ffffff; 
    /* fixes IE7 'sticky bug' */ 
    } 

#main-menu ul li a:hover { 
background: url(images/navh_bg.PNG)no-repeat scroll center bottom transparent; 
    text-decoration: none; 
    visibility: inherit; 
    color: #ffffff; 

    }

來源

2012-03-10 Shehab Abd-Allah

在短切我想我的高級酒吧使用像我的其他主題一樣的所有分辨率調整汽車大小 – 2012-03-10 09:49:50

你可以在所有的寬度，保證金和字體大小（％）使用

#main-menu { 
    margin-left: 10%; 
    width: 90%; 
    height: 56px; 
    background: url(images/nav_bg.png); 
    z-index: 1; 
    position: relative; 
    font-size: 100% 
}

來源

2012-11-13 15:29:42

我想讓我的菜單欄自動調整大小在主題

回答

相關問題