asked on

Help with Website iFrame Scrollbar Issue!!

Can someone please go to my site HERE and tell me why all of a sudden there are visible scrollbars on the iframe? These scrollbars weren't here a few months ago. They don't show in IE8 but I'm seeing them in Chrome and Firefox.
Whatever happened is also causing the page to display improperly on the iOS7 Safari browser (iPhone 4/5).
I know the site wasn't assembled in the most professional manner but I have no experience in web design and did what I could.
Any help would be greatly appreciated.

ASKER CERTIFIED SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

homerslmpson

ASKER

You're going to have to talk to me like I'm a beginner...because I'm a beginner ;)
We didn't change any actual code. I don't know if Firefox and/or Chrome made some minor updates over the last few months that may have thrown something off.

The page was setup in HTML5.
The scrolling="no" gives me a message stating it's not supported in HTML5 but I just tested it and it seems to work fine.
I'd hate to duct tape the website but if putting this snippet in fixes the issue for now, so be it.
I appreciate the help!

Gary

It may not be valid HTML5 but it's the only cross browser way to get rid of the scrollbars.

Would be better to just get rid of the iframe and add the content directly to your active_projects.html page

homerslmpson

ASKER

Yeah I don't know what I was thinking.
I might just go ahead and do that like I did for the "completed projects" page.

Gary

Or change the css for the ifram to this

height: 665px;
width: 103%;

homerslmpson

ASKER

Son of a ...

It looks like it works when I make the change on my computer but when I upload it to the web it still shows the scrollbars...
What element am I supposed to change to 665px and 103%?

Gary

The iframe width/height - it's more an hack as it pushes the iframe left a bit.