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.
LVL 1
homerslmpsonAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
Well I don't know what the layout was before but you could add to the iframe
scrolling="no"

Looks like the property title has something to do with it since it flows over two lines.
Do you have control over the iframe src? Though I don't know what the point of the iframe is - why not just include the properties in the page to start with?
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
homerslmpsonAuthor Commented:
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!
0
GaryCommented:
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
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

homerslmpsonAuthor Commented:
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.
0
GaryCommented:
Or change the css for the ifram to this

height: 665px;
width: 103%;
0
homerslmpsonAuthor Commented:
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%?
0
GaryCommented:
The iframe width/height - it's more an hack as it pushes the iframe left a bit.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.