javascript - menu always on top and horizontal scroll -


i have trouble - http://pickup.eurocargo.fi/last500.php need top menu on top, , menu width can 2x more width of monitor. how possbile top menu horizontal scrolling?

here top menu css:

.visiblediv, #topmenu {      position: fixed; overflow: auto  ;     width: 100%;     border: solid 1px #e1e1e1;     vertical-align: middle;     background: #fff;     text-align: center;     top: 0px;     left: 0px;    padding-bottom:10px; } 

with overflow tag scrolls, 1 of page , 1 of menu, need combine 1. if use css without overflow, cutted topmenu.

thank you!!

have fiddle : http://jsfiddle.net/lulu3030/3stwf/

the css :

html {     height: 300%; }  #menu-container {     position: fixed;     top: 0;     left: 0;     right: 0;     overflow: auto;     border: solid 1px #e1e1e1;     background: #eee;     text-align: center;     padding:10px; }  #menu {     width: 200%; } 

the html :

<div id="menu-container">     <div id="menu">my menu here</div> </div> 

Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

c# - must be a non-abstract type with a public parameterless constructor in redis -

ajax - PHP/JSON Login script (Twitter style) not setting sessions -