Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Dynamic Height?

  1. #1
    New to the CF scene
    Join Date
    Apr 2013
    Thanked 0 Times in 0 Posts

    Dynamic Height?

    Hey guys, I am working on a personal portfolio and so far it is going alright but I have a question to make it look a little better. I am embedding some of my slideshare presentations and they include an iframe what has a defined width="597" height="486"

    Well, I am trying to make my site resize based on browser sizes so it works well with mobile devices. I've got all that figured out, but if i change the width of the slide presentation to 100% to take up the entire DIV, It works well in adjusting the width to fit the browser, but the height remains at 486.

    Although the slide content itself does adjust in response to the width, the surrounding frame that has the slide controls and all does not, so it leaves large gray areas above and below the slideshow.

    Is there a way to have the box adjust as well so it keeps the aspect ratio of the slide content?

    Here is the embed code if it helps. I colored the text I am changing.


    <iframe src="http://www.slideshare.net/slideshow/embed_code/5734158" width="597" height="486" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="http://www.slideshare.net/jcc5018/wide-open-spaces-5734158" title="Wide Open Spaces" target="_blank">Wide Open Spaces</a> </strong> from <strong><a href="http://www.slideshare.net/jcc5018" target="_blank">Jon </a></strong> </div>

  • #2
    Regular Coder
    Join Date
    Sep 2011
    Thanked 35 Times in 35 Posts
    Do you have a live example, or can you create a JS Fiddle, so that we can fiddle with it?

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.


    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts