I'm having trouble with an iframe in a VSD site I created showing up correctly on an iPad using IOS 7.1 and Safari. It displays the entire page, and doesn't scale down to the specified size. Everything looks good on my pc in IE, Chrome, Firefox, as well as on an Android GS3.
www.scesd.k12.or.us
The iframe is on the bottom of the main page.
Is there anything I should be adding to this code for it to show up better in Safari? For those of you who have an ipad/iphone and can see it.
<!DOCTYPE html>
<html>
<body>
<iframe src="http://www.ode.state.or.us/search/page/?id=279" width= "550" height="350" scrolling="auto" horizontalscrolling="auto" verticalscrolling="auto">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
Thanks for the help!
David
Registered User
90 posts
SadDuck
Ambassador
2,958 posts
Looks great in Safari on a PC. Got to be an IOS thing. I don't have a ipad so can't tell you more than that. But hang in there, one of the 'rich kids' will be along soon 
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
-------------------------------------
https://sadduck.com
David
Registered User
90 posts
Thanks for the quick reply Gunsmoke. Hmmm, maybe it is just an IOS thing. We'll see if someone else is seeing what I do. It doesn't scale down, but rather just shows the entire page of what is suppose to be in the frame and covers the bottom of my home page.
Eric Rohloff
Senior Advisor
20,190 posts
Online Now
What's wrong with this way?
<iframe src="http://mysite.com" width="550" height="350" scrolling="yes"></iframe>
<iframe src="http://mysite.com" width="550" height="350" scrolling="yes"></iframe>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
David
Registered User
90 posts
Thank you Eric for the reply. That way works perfectly fine for the pc and android browsers, however it is still the same for iOS (Safari, Chrome) on my ipad. Not sure why it does not scale down into a frame. The width of the box is close to 550, but the height is probably double that and extends far beyond the bottom border of the page and covers it up.
paintbrush
Ambassador
3,816 posts
This might help:
http://mobile.smashingmagazine.com/2014 … ve-design/
Making Embedded Content Work In Responsive Design
By Rachel McCollin
http://mobile.smashingmagazine.com/2014 … ve-design/
Making Embedded Content Work In Responsive Design
By Rachel McCollin
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
paintbrush
Ambassador
3,816 posts
I just realized this is for a VSD site.... so, not a responsive site.Would adding overflow="hidden" to the Iframe code work?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Eric Rohloff
Senior Advisor
20,190 posts
Online Now
I would remove this from your wow slider code. Could be causing issues.
<body style="background-color:transparent">
<body style="background-color:transparent">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
David
Registered User
90 posts
paintbrush wrote:
I just realized this is for a VSD site.... so, not a responsive site.
Would adding overflow="hidden" to the Iframe code work?
I just realized this is for a VSD site.... so, not a responsive site.Would adding overflow="hidden" to the Iframe code work?
Thanks paintbrush for the help. However I'm still getting the same results. I've tried deleting the html box altogether and starting new, but it still is showing up as the entire page with the iPad.
David
Registered User
90 posts
Eric Rohloff wrote:
I would remove this from your wow slider code. Could be causing issues.
<body style="background-color:transparent">
I would remove this from your wow slider code. Could be causing issues.
<body style="background-color:transparent">
I went ahead and deleted that line Eric, but I'm still getting the same results. I do have a Share This widget on there too and wonder if this might be the cause?
<script type="text/javascript">stLight.options({publisher: "170b52ca-dfb6-4108-b071-29f601f5f823", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script>
var options={ "publisher": "170b52ca-dfb6-4108-b071-29f601f5f823", "position": "right", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "linkedin", "twitter", "googleplus", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
