responsive design - Fix menu on the background image position -


it's problem:

http://jsfiddle.net/vqa7v/

body { background: url("http://imgs.ir/imgs/201307/1336_menu.png") no-repeat scroll center top transparent; }  #menu { display: block; height: 193px; margin: auto; position: relative; top: 32px; width: 400px; }  nav { left: 0; min-width: 426px; position: absolute; text-align: center; top: 79px; }  nav { padding: 5px 7px; color:white; }  <div id="menu">     <nav>         <a href="#">home</a>         <a href="#">services</a>         <a href="#">about</a>         <a href="#">blog</a>         <a href="#">contact</a>     </nav> </div> 

at first, menu fit background position, make result window smaller & smaller see when menu out of background position.

how avoid , fix menu background image position? (i want have menu in center of website on background image)

had real trouble understanding looking for, it? needed whole bunch of changes i've made nav etc.

http://jsfiddle.net/robsterlini/vqa7v/2/


Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

php - joomla get content in onBeforeCompileHead function -