1 (edited by Rosaura 2014-02-06 23:35:10)

Topic: trouble using the 'responsive scaling embedded code'

Hi there!

I'm in the process of embedding my slideshow into a blog post:

http://www.rosaurasandoval.com/2014/02/ … otography/

I used the 'responsive scaling embedded code' in the hopes that when I see it on my iPhone it would scale to the iPhone.

It is not scaling at all.  What am I missing?  I followed the directions. 

I placed this at the top of my html page:
<style type="text/css"><!--.embed-container {    position: relative;    overflow: hidden;        /*     To maintain a 4/3 aspect ratio use 75% for the padding-bottom value below    To maintain a 16/9 aspect ratio change to 56.25%     */    padding-bottom: 75%;}.embed-container iframe,.embed-container object,.embed-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}--></style>

and then copied this into my document:
<div class="embed-container"><iframe scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen

It looks fine on my computer but not on my iPhone.  Most people that come to my site use the iPhone so I really want them to be able to see it.

Also, I'm experiencing lots of empty space below my embedded slideshow and I don't know how to get rid of it.  sad

Thank you!


Re: trouble using the 'responsive scaling embedded code'

Hi Rosaura,

We will respond to you via email. The most efficient way to contact us is via our help request system here: