Skip navigation
Currently Being Moderated

Images and Pictures Falling Outside of DIVs?

Sep 7, 2012 6:16 AM

Tags: #cs5 #image #adobe #images #dw

Hi, I ran into another problem, this one isn't so severe because the movies and pictures can still be viewed, it's just harder for smartphone and tablets users to view. Recently I made an update for this webstie to make it so it has three different layouts that each can be viewed on different devices like desktops, smart phones, and tablets. Everything turned out great, especially thanks to the help of the people on this discussion board who helped me out with problems in the coding that I was having here and there. The problem here is that there are some pictures and movies on the site that do not adjust to the size of the tablet and smartphone media queries, making it so that people have to use the scroll bar to view the entire thing.

 

http://showcasenc.com/

 

That above is the website, if you view it on smartphone and tablet there is a youtube movie posted up on the first front page, that is the problem I am facing at this point. Is there any way to get these movies and pictures to size in with the container of the phone and tablet media queries like everything else on the page?

 

Any and all help is greatly appreciated!

 
Replies
  • Currently Being Moderated
    Sep 7, 2012 11:10 AM   in reply to Hyde1216

    Height and width values (px) in your HTML make it impossible for your video to resize.  You could try removing these values from your YouTube iframe but I don't know if this will work in all devices.

     

       <iframe src="http://www.youtube.com/embed/3CTp_z4EZfI" allowfullscreen="" frameborder="0"></iframe>

     

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points