html - Horizontal Scrolling Banner Isn't Working -


i have created website in entire page scrolls left , right instead of , down using html , css. have taken code website create banner type navigation thing polygon's website when page viewed iphone or device small screen that, can't understand why in case code isn't working, have spent ages on , cant see problem. maybe fresh pair of eyes help, here code i'm using.

css:

html {     height: 100%;     overflow-x:hidden; }  body {     height: 100%; }  #cover_menu {     width: 2560px;     height: 480px;     overflow: hidden; }  #cover_tile {     width: 640px;     height: 480px;     float: left; }      #cover_link {         width: 100%;         height: 50%;     } 

html:

<div id="cover_menu"> <div id="cover_tile">     <div id="cover_link" class="link_1">hello</div>     <div id="cover_link" class="link_2">hello</div> </div> <div id="cover_tile">     <div id="cover_link" class="link_3">hello</div>     <div id="cover_link" class="link_4">hello</div> </div> <div id="cover_tile">     <div id="cover_link" class="link_5">hello</div>     <div id="cover_link" class="link_6">hello</div> </div> <div id="cover_tile">     <div id="cover_link" class="link_7">hello</div>     <div id="cover_link" class="link_8">hello</div> </div> 

thanks in advance, matt


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -