Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Brandon Brigham
Brandon Brigham
3,716 Points

Why does text in widget overlap when scrolling up and down?

Hello,

Please visit the site I'm working on @:

http://valleyoakca.com/tenants/ and you will see there is a Testimonial section in the sidebar. When scrolling up or down the text follows wherever you scroll. The text hovers over the existing text.... Any idea how to fix this?

Thanks!

1 Answer

Clayton Tevebaugh
Clayton Tevebaugh
7,617 Points
Clayton Tevebaugh
Clayton Tevebaugh
7,617 Points

This line in your code seems to be what is hanging over the scrollable testimonials. Maybe take this line out of your html and see if your page still works?

<iframe src="http://www.reputation.com/embed_reviews/valley-oak-property-management-modesto?h=500&amp;w=300&amp;c=&amp;f=&amp;l=&amp;p=5" style="height: 500px; width: 300px; overflow: hidden; position: absolute; border: none;"></iframe>

It looks like your put the iframe element in twice. Through the developer tools if you take one of them out it works fine.