gloriaindigo
New Member
I'm using an iFrame on the following website for the Online Booking system as shown below:http://www.marandy.com/one2onev2The iFrame should only display a scroll bar on the y-axis. In Firefox, IE and Safari this is working as expected, however in Google Chrome this is still showing both scroll bars (y & x).Here is the code:-HTML\[code\] <div id="main-online-booking"> <iframe id="main-online-frame" class="booking-dimensions" src="http://www.marandy.com/one2oneob/login-guest.php" frameborder="0"></iframe> <div id="main-online-user"> <a href="http://stackoverflow.com/questions/15716825/#" onclick="changesrc('main-online-frame','http://www.marandy.com/one2oneob/login.php')"><img alt="One 2 One Account" id="img-onlinebooking-acc" src="http://stackoverflow.com/questions/15716825/images/account.png" /></a> <a href="http://stackoverflow.com/questions/15716825/#" onclick="changesrc('main-online-frame','http://www.marandy.com/one2oneob/login-guest.php')"><img alt="One 2 One Guest" id="img-onlinebooking-guest" src="http://stackoverflow.com/questions/15716825/images/guest.png" /></a> </div> </div>\[/code\]CSS\[code\]#main-online-booking { height: 488px; border-bottom: 6px #939393 solid; border-left: 6px #939393 solid; border-right: 6px #939393 solid; z-index: 4; background-color: #fff;}#main-online-frame { overflow-x: hidden; frameBorder: 0; height: 488px;}\[/code\]The \[code\]overflow-x: hidden\[/code\] property appears to only not be working in Google Chrome on iFrames, any suggestions?