html5 - A div containing images disappears on iphone -


i have tried searching solution everywhere not find it. hence posting request here.

we have website built on php code-ignition mvc framework, issue html rendering on various devices imo. section on bottom of rendered page disappears on iphone, renders fine on ipad , normal browser. have saved page html , able reproduce via chrome devices (from developer tools), switching on various devices.

the designer helped create these templates not accessible anymore, not able further help. suspect css issue. website uses twitter-bootstrap.

screenshots:

normal browser & iphone redering comparison:

enter image description here

(the div in question marked arrow)

i have looked view source , div in question appears on both versions in html source:

<div class="button-holders button-overlay" id="button_holder">     <div class="col-sm-3 col-xs-3 noway" id="noway" style="display: block;">         <a id="noway1" style="cursor:pointer;text-decoration: none;"> <img src="./coupon crank_files/button.png" width="70" height="70"></a>         <a id="noway1" style="cursor:pointer;text-decoration: none;" onclick="rotate_crank_coupon_load('1', '0')"> no way</a>     </div><!--noway-->     <div class="col-sm-3 col-xs-3 nah" id="nah" style="display: block;">         <a id="nah1" style="cursor:pointer;text-decoration: none;"> <img src="./coupon crank_files/nah.png" width="70" height="70"></a>         <a id="nah1" style="cursor:pointer;text-decoration: none;" onclick="rotate_crank_coupon_load('2', '0')"> nah</a>     </div><!--noway-->     <div class="col-sm-3 col-xs-3 sure" id="sure" style="display: block;">         <a id="sure1" style="cursor:pointer;text-decoration: none;"> <img src="./coupon crank_files/sure.png" width="70" height="70"></a>         <a id="sure1" style="cursor:pointer;text-decoration: none;" onclick="rotate_crank_coupon_load('3', '0')"> sure</a>     </div><!--noway-->     <div class="col-sm-3 col-xs-3 ohyeh" id="ohyeh" style="display: block;">         <a id="ohyeh1" style="cursor:pointer;text-decoration: none;"> <img src="./coupon crank_files/heart.png"></a>         <a id="ohyeh1" style="cursor:pointer;text-decoration: none;" onclick="rotate_crank_coupon_load('4', '0')"> oh yes</a>     </div><!--noway-->       <div class="report_abouse_style" id="report_abouse" style="display: block;">                      <a class="badge badge_edit" id="report_abouse1" style="cursor:pointer;text-decoration: none;"> report abuse</a>     </div> 

could can fixed via modifying css?

i attaching html files reproduce issue locally: http://filenurse.com/download/c5d96491585893ee917842a6f11f8166.html

any in right direction appreciated.

thanks in advance, ad


Comments

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -