设计问题当更改浏览器的分辨率

我在这个网站上工作http://zap3d.com和他们是一些问题顶部菜单栏当我改变浏览器窗口菜单背景的大小被切断。设计问题当更改浏览器的分辨率

请帮忙。

我使用这个CSS的顶部菜单： -

.nav_bar { 
    float: right; 
    width: 100%; 
    background: url(/content/img/top-menu-bg.gif); 
    height: 30px; 
    background-size: contain; 
    } 
.cen_div { 
width: 1000px; 
margin: 0 auto; 
} 
.nav_bar .nav { 
list-style: none outside none; 
float: right; 
margin: 0; 
padding: 0 0 0 20px; 
position: relative; 
} 
.nav_bar .nav li { 
float: left; 
margin: 3px 7px; 
}

和HTML： -

<div class="nav_bar"> 
    <div class="cen_div"> 
     <ul class="nav"> 
      <li><a href="/Home/Index">Home</a></li> 
      <li><a href="/Account/Registration/">Sign Up</a></li> 
     </ul> 
    </div> 
</div>

来源

2013-01-24 Harshit Tailor

我相信我们会需要你的html代码以及 –

需要设置min-width: 1040px;上body和nav_bar，使它成为可能在较小的窗口。

来源

2013-01-24 06:42:36 Rahul

非常感谢Rahul的工作.. –

很高兴为你工作:) – Rahul

你只需要重复背景：

.nav_bar { 
    .... 
    background: url(/content/img/top-menu-bg.gif) repeat-x ; 
    ... 
}

来源

2013-01-24 06:15:37 Ibu

它不能正常工作.. –

设计问题当更改浏览器的分辨率

回答

相关问题