Iframe won't scroll! It works fine in FireFox, Chrome, and IE
I wrote a simple holder to display websites writen for phones on larger screens. In it I simply have an Iframe. This works great for FireFox, Chrome, and IE (although IE does not work well with HTML5). However on Safari instead of scrolling the Iframe expands. Below is my holder page.
I've been testing with an IPad 3.
Thanks for any advice.
Joel
<html>
<head>
<title>Phone Internet</title>
<meta name="viewport" content="width=device-width, user-scalable=no">
<style type="text/css">
<!--
div.Title{font-family: Arial, Helvetica,sans-serif;font-size: 18px;}
div.Copy{font-family: Arial, Helvetica,sans-serif;font-size: 12px;}
#CellWindow{width: 320px;height: 480px;overflow:scroll}
-->
</style>
<script type="text/javascript">
<!--
if (navigator.userAgent.indexOf('MSIE') > -1){alert("This page is best viewed with Chrome, FireFox and Safari. Other browsers may not display
// -->
</script>
</head>
<body bgcolor="#808080">
<div align="center" class="Title">Mobile Phone HTML Examples</div>
<div align="center">
<iframe id="CellWindow" height="480" width="320" scrolling="yes" noresize="noresize" src=""></iframe>
</div>
<div align="center" class="Copy">©Joel Moses 2012</div>
<script type="text/javascript">
<!--
document.getElementById("CellWindow").src = "http://www.zendisoft.com/mobile/index.htm";
document.getElementById("CellWindow").style.height="480px";
// -->
</script>
</body>
</html>
Thanks for the help.
User csdco (https://github.com/fancyapps/fancyBox/issues/2#issuecomment-5997068) has provided a simple answer that solved the issue for me.
It's much easier to control overflowed divs than it is iframes, and the scrolling + blank content issues are working all the way back to iOS 4, where previously I wasn't even able to get the 2 finger scrolling to work (in iframes).
It goes something like this:
<iframe id="stupid-iframe" width="600" height="200" src="a-file.html"></iframe>
a-file.html:
<html>
<body>
<div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;">
</div>
</body>
</html>
Similar Messages
-
How come IE works fine while Firefox crashes and hangs constantly
IE works fine while Firefox opensn 1 web page then hangs, crashes when trying to access "source", does not render Windows Media Player content, update to 3.6.9 hangs in eternal download mode, then frazzles, on Windows XP with AMD processor and Firefox 3.6.8.
Your plugins list in the system details doesn't show the WMP plugin.<br />
You need to install the WMP plugin for Firefox if you want to see embedded WMP content.
See:
[[Using the Windows Media Player plugin with Firefox]]
http://kb.mozillazine.org/Windows_Media_Player#Missing_plugin
See http://kb.mozillazine.org/Software_Update (Software Update not working properly)<br />
Remove the files in the updates and updates\0 folder:
C:\Documents and Settings\<user>\Local Settings\Application Data\Mozilla\Firefox\Mozilla Firefox\updates
(%USERPROFILE%\Local Settings\Application Data\Mozilla\Firefox\Mozilla Firefox\updates)
C:\Program Files\Mozilla Firefox\updates
Download a fresh copy of Firefox ( http://www.mozilla.com/firefox/all.html ) and do a reinstall of Firefox over the top of the current version.
If that still causes the same problem then do a clean reinstall and download a fresh Firefox copy from http://www.mozilla.com/firefox/all.html and save the file to the desktop.
Uninstall your current Firefox version and remove the Firefox program folder before installing that copy of the Firefox installer. -
Wanted to reach out to the community to see if anyone else is experiencing this issue. We have tried to work an SR on it, but just have not been getting anywhere w/support.
We recently upgraded from 11.1.1.6 to 11.1.1.7.
When using a SSL connection (https://...8094), our Discoverer Viewer IE users are encountering "Page cannot be found" errors when running reports and when trying to export. The problems are not encountered for users utilizing Firefox or Chrome, just IE.
A couple notes:
We've found that by dialing down the number of rows to display, that will most often allow the report to work, e.g. if the report is set to display 25 rows, the report will fail and we'll just get the IE "Page cannot be found". If we change the display rows to 5, then the exact same report with the exact same parameters will work. Although it would be nice to be able to display more than just 5 rows of data :-) .
When the report runs successfully, we've also found that users get a lot of failures when exporting to .XLS. Often they can be successful exporting to .csv instead of .xls, but some reports still fail to export .csv.
We didn't have any of these issues prior to upgrading from 11.1.1.6 to 11.1.1.7, and again the issues only impact IE users when connecting in SSL mode. If we test the exact same reports/parameters using a non-SSL connection (same web-server, just using http://....:8090 instead of https://.....:8094), everything works great. Something just doesn't seem to be compatible between IE, SSL and the Web Server for the page calls over some certain size.
Just wanted to reach out to see if any Disco Web Server gurus out there might have any ideas of things for us to try.
Thanks a ton!
LarrySo, I did this:
edited $INSTANCE_HOME/config/OHS/ohs1/ssl.conf file.
Commented/removed the following section (Took a backup of the file before modifying it)
BrowserMatch ".*MSIE.*" \
nokeepalive ssl-unclean-shutdown \
downgrade-1.0 force-response-1.0
opmnctl stopall
opmnctl startall
The Viewer problem seems to be gone. Oracle is adding a note to MOS for this issue, possibly with this solution.
Tom -
Horizontal Spry Menu appears as bullet point list in IE8 and below - fine in firefox, chrome and IE9
This one is breaking my brain! I have an horizontal spry menu bar in my website that renders correctly in all browsers except ie 8 and below where it appears like an unordered list - almost like no CSS had been applied at all. You can check out the site here http://www.webhance.com.au. The spry css looks like this:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 130%;
cursor: default;
width: auto;
float:right;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
cursor: pointer;
width: 150px;
float: right;
text-align:center;
font-family:"AvantGarde Bk BT";
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 150px;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 150px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border-right: 1px solid #9fe2fd;
text-align:center;
font-family:"AvantGarde Bk BT";
background-color:#4c859d;
color:#FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
border-right: 1px solid #9fe2fd;
display: block;
cursor: pointer;
background-color: #4c859d;
padding: 0.5em 0.75em;
color: #FFF;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #4c859d;
color: #9cc9a0;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #4c859d;
color: #9cc9a0;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
float: left;
background: #FFF;
The HTML for the section looks like this:
<div class="header">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html" id=button1>Home</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Services</a>
<ul>
<li><a href="design.html">Web Design</a> </li>
<li><a href="maintenance.html">Web Maintenance</a></li>
<li><a href="social.html">Social Media</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a> </li>
</ul>
<!-- end .header --></div>
I really really need some help - hope someone out there can point me in the right direction :-)
JulieHi Gramps - thanks for getting back to me - I took advantage of your advice to others with some other issues I had and they worked a charm so I was really hoping to hear from you :-)
Unfortunately removing media="only screen and (min-width: 769px) from the css call didn't resolve the problem. Check it out on my index page www.webhance.com.au/index.html Any other ideas?
Cheers, Julester -
Note 3 won't answer a call by using the "answer" voice command. Other voice commands work fine (ie 'volume up') and speech to text works fine. Tried it in the car and in a quiet room at home. What am I missing?
Rodilator,
We'll figure this out together! Can you please walk us through the exact steps you're taking to answer a call when it comes in?
SarahO_VZW
Follow us on Twitter @VZWSupport -
My 10.7.3 Time Machine won't work with external disks. Worked fine with Snow Leopard, and even Lion 10.7.1
I have tried everything, even buy new external disk from different manufacture.
If I cant get a fix soon, I am downgrading back to SnowL.Still no luck. I tried all the tricks, reconfiguring TM (remove selected disk option, and re-setting it, and trying different disks). Tried new combo updater, and the newer TM update after that. Tired two different disks too (one is my older firewire WD MyBook 1TB, and my brand new 3tb Seagate GoFlex USB... either one plugged into back of computer - no intermediary devices). I did get the TM buddy wiget and it produced the following log, from the last attempt, where I setup lots of exclusions so that backup quantity was small (under 10gb). Still it failed to complete. Here is that log, for what it is worth:
Starting standard backup
Backing up to: /Volumes/TM-Disk/Backups.backupdb
9.56 GB required (including padding), 911.15 GB available
Waiting for index to be ready (101)
Copied 0 files (0 bytes) from volume Mac HD.
Backup canceled.
To prove a point, I will take these disks are run them on my other Tiger and Snow Leopard laptops to prove TM works fine on those with these disks. But I fear the only options are to either have my tech re-install LION... or just have him reinstall SL instead. Im at wits end. -
Purchased a new Apple TV and the remote double clicks each time I press the button. It worked fine during set up and for the first two days. I have since moved it and this problem started. Restarted,reset,unplugged,changed remotes, no change. Latest software update. This is really annoying. iPhone remote app works just fine. Any suggestions?
That's one of the weird things.. it recognizes it maybe 10% of the time. And usually, only after I do the two-button reset. Problem is.. since it won't charge above 2%, anytime I try to do a restore or anything like that using iTunes, my device shuts off and I lose whatever progress I'd made.
So, an update... after reading through a bunch of similar complaints (there are literally 1000's of them so there's NO WAY this isn't somehow ios7 related, thanks a lot APPLE ) I decided to try a restore in recovery mode. After 3 hours and several disconnections... I ended up having to just set it up as a new iPad, as the restore did nothing. Weirdly though... as I was doing the restore in recovery mode.. I noticed I'd gotten up to a 10% charge.. higher than it's been since September, so after setting it up as a new device, I turned it off and plugged it in using the wall charger. 2 hours later and I was up to 38%. Still not great, as my iPad, before ios7 could've fully charged twice in the amount of time it took for me to now get 28% more of a charge. And that's with a fully cleaned out device.. so that really ***** and I'm now more confused than ever.
But I'm gonna leave it overnight charging and see what I come up with tomorrow. Sadly, when I paid $600 for it in February, I never expected to have to play "wait and see" with it... -
Why isn't the scroll wheel working properly with Firefox 4?
I have a new Windows 7 PC at work with Firefox 4 on it. The scroll wheel on my mouse is not working right. It will work if I use Internet Explorer but I have trouble getting it to work with Firefox. Usually what I have to do is click the wheel to get that mode of scrolling where you move the mouse up and down to scroll the screen and that will work. And then when I click the wheel again to get out of that mode, my scroll wheel will work as expected. But I don't want to have to do that all the time. And sometimes that trick doesn't work. The scroll wheel is working fine with MS Excel and Lotus Notes and Internet Explorer, etc, so it seems to be something the new Firefox has an issue with.
I fixed my problem! I was messing around in msconfig to turn off Lync from my Startup list and noticed something called Mouse Suite 98 was in my Startup. I did a quick google check and learned I could remove it without doing any harm. And voila! My scrollwheel is working properly with Firefox, finally! Hope this helps someone out there.
-
I am facing problem in playing yahoo pool in Firefox 4 while it was working fine in Firefox 3.6. In Firefox 4 the combination of mouse keys are not working properly.
I updated to Firefox 4.01 today and the middle scroll button on my Lenovo T400 stopped working. I downloaded the updated Ultranav utility and the Ultranav driver for my T400 from here http://www-307.ibm.com/pc/support/site.wss/MIGR-72858.html and then uninstalled the "Thinkpad Ultranav Driver" from Add/Remove programs rebooted and then installed the updated utility and driver (another reboot) and it now works perfectly.
So glad to get this working again. -
TS3899 Cannot send email with new iPad air. Works fine with old iPad and iPhone.
Cannot send email with new iPad air. Works fine with old iPad and iPhone. I have deleted account and reinstalled.
Thanks. I got the problem fixed. Spent time with the Apple folks and was kicked up to a senior advisor. It seems the problem was with my internet provider - Tmie Warner. Remember I could use the old ipad and the iphone to send mail. I checked all the specifics between the three units. It seems that TW is changing over from the RR.com to TWC.com. Since the new ipad air was just set up, it fell under the new TWC mail specifics.
-
macbook pro 15" mid 2010 i spilled water on keyboard now it wont power on if the battery is connected and the keys on keyboard doesnt work it works fine with no battery and external keyboard if i order a battery and new keyboard will every else work again lik it did before
If you have records that show that you've taken your MacBook Pro in for a year to fix the machine, I would escalate the problem to Apple Customer Relations - unfortunately I don't have a number for Spain.
It would only seem logical to me that if you've been trying to have the machine repaired during the time that the 'recall' was in effect that you should be eligible for a new logic board. But only customer relations will be able to make that call.
Good luck - take the issue as high up the food chain as you can and see what happens.
Clinton -
Have changed my apple Id to a new email address. its all working fine on my PC and also on come up with the new ID on my icloud page on my iphone but when i try to buy something from itunes etc on my phone, the log in box still contains the old id.
how do i change this?The Apple Support Communities are an international user to user technical support forum. As a man from Mexico, Spanish is my native tongue. I do not speak English very well, however, I do write in English with the aid of the Mac OS X spelling and grammar checks. I also live in a culture perhaps very very different from your own. When offering advice in the ASC, my comments are not meant to be anything more than helpful and certainly not to be taken as insults.
It doesn't sound like you "changed" your Apple ID, sounds like you created a new one. Bad idea. All content bought with an Apple ID is forever tied to that ID. The ID that bought the content is the only ID that can update the content. Apple does not merge IDs not does Apple transfer content from one ID to another. -
Up/Down Arrow keys do not perform their function on SOME websites or at SOME times, on other websites and at other times these keys work fine, updated firefox, restarted computer. turned off cursor key option in Advanced tab, using autoscrolling option.
You may have switched on [http://kb.mozillazine.org/accessibility.browsewithcaret caret browsing].
You can press press F7 (on Mac: fn + F7) to toggle caret browsing on/off.
See http://kb.mozillazine.org/Scrolling_with_arrow_keys_no_longer_works
* Tools > Options > Advanced : General: Accessibility: [ ] "Always use the cursor keys to navigate within pages" -
I have .me and .mac email accounts on my iPhone 4. I thought I had successfully transitioned from MobileMe to iCloud, but something must be wrong. iCloud seems to work fine on my computer and, with the exception of two email accounts, seems to be fine on my phone. Can/should I delete the accounts on my phone and start over? It is somewhat of a nuisance to have two email accounts and double the amount of emails. The only thing different about the two iCloud accounts is the email addresses. Thanks.
Well, seems I managed to unscrew this...I deleted my iCloud mail account and reinstalled it on my phone. That got rid of the duplicate .me/.mac email accounts.
-
Dear All,
Firefox hangs when i try to play flash videos from any site but when i run firefox as administrator it works fine. (but Google Chrome, Opera & I.E9 Plays videos without running as administrator.) I am using Windows 7 & Firefox 7.0.1. Please help.A possible cause is security software (firewall) that blocks or restricts Firefox or the plugin-container process without informing you, possibly after detecting changes (update) to the Firefox program.
Remove all rules for Firefox from the permissions list in the firewall and let your firewall ask again for permission to get full unrestricted access to internet for Firefox and the plugin-container process and the updater process.
See:
*https://support.mozilla.com/kb/Server+not+found
*https://support.mozilla.com/kb/Firewalls
Maybe you are looking for
-
How do you change the iOS 5 tabs back to the page of previews
i recently updated my ipad 2 to ios 5 and dislike the new tabs bar at the top of the page and would like to change back to the old full page of previews
-
Dear experts, There is no standard leave request form provided by SAP. We are developing an adobe form which lists the employee's quota and leaves taken earlier along with the current leave details. This form should be displayed to the approvers from
-
Can you turn a still frame of a video into a picture?
My son had the video function on when we thought he was taking photos. Is there a way to take a still shot from that video and turn it into a picture?
-
How do I transfer ownership to my other e-mail ID?
I have two Adobe IDs (possibly more). Some of my products are registered under one e-mail, and others under another. I would like to transfer them all to the same e-mail address. Is that possible? they are all on the same computer.
-
When I installed Firefox 4 I noticed that the downloads kept freezing. I noticed that whenever I moved the mouse pointer the download would resume. When the download freezes I could leave it for 20 minutes or more and the download would not complete.