how to avoid horizontal scrolling in jquery mobile of page? -


can please tell me how avoid horizontal scrolling in query mobile? page able horizontally..enter image description here

i need remove horizontal scrolling user scroll vertically working..?

here code..

<div data-role="page" id="realtimescreen" >      <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">          <h1 class="ui-title"  id="heading" style="text-align:left;margin-left: 20px;" ></h1>         <div class="ui-btn-right" id="addbuttons" data-role="controlgroup" data-type="horizontal">             <a ><img src="img/follow-realtime.png" class="follow_h"id=""/></a>             <a><img src="img/stop-realtime.png" id="" class="stop_h"/></a>             <a><img src="img/email-document.png" id="" class="email_h"/></a>             <a><img src="img/search.png" id="" class="search_h" /></a>             <a><img src="img/zoom-in.png" id="" class ="zoomin_h"/></a>             <a><img src="img/export-realtime.png" id="" class="exportrealtime_h"/></a>         </div>     </div> <div class="searchcontend_h" style="display: none">        <div class="ui-grid-c">       <div class="ui-block-a"  style="width: 30%;" >         <input name="text-12" id="text-12" value="" type="text" autocorrect="off" class="searchbox">          </div>     <div class="ui-block-b">         <a href="#" data-role="button" data-corners="false"  data-inline="true"  class="search">search</a>     </div>     <div class="ui-block-c" style="margin-left: 5px;">         <a href="#" data-role="button" data-corners="false"  data-inline="true"  id="next" class="searchnext" disabled>next</a>     </div>     <div class="ui-block-d" style="margin-left: 30px;">         <a href="#" data-role="button" data-corners="false" data-inline="true" id="prev"  class="searchprev" disabled>previous</a>     </div>  </div>   </div>                            <!--div data-role="fieldcontain">                              <input name="text-12" id="text-12" value="" type="text"  class="textsearchvalue_h">                               <a href="#" data-role="button" data-corners="false"  data-inline="true" class="searchbuttonclicktext_h" >search</a>                              <a href="#" data-role="button" data-corners="false"  data-inline="true" class="next_h">next</a>                              <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h">previous</a>                          </div-->                           <div data-role="fieldcontain" class="slidercontend_h" style="display: none; padding-top:10px;">                               <input type="range" name="slider-2" id="slider-2" value="15" min="15" max="25"  class="slider_h" data-highlight="true" />                           </div>                           <div data-role="content" data-theme="d">                               <div id="realtimecontents" class="realtimecontend_h">                              </div>                           <div class="cursor" style="font-size:23px;">|</div>                         </div>       </div> 


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -