Why does this image force the page to scroll?

Head out to http://thornhilllawncare.com/testimonials.php.

The graphic that runs along the bottom ("see the difference...our clients include") is the culprit.

I have to minimize that image almost 300 pixels in order to get the side to side scroll bar to vanish. It doesn't make any sense to me why I have to make it so small when, just by eyeballing it, it seems to have plenty of room and I don't know why it goes into "overflow" mode.

What am I doing wrong? Where is the problem that makes the page overflow? If I get rid of the bottom graphic completely, there's no problem. If I slash the width by 300 pixels, no problem. But it shouldn't be an issue at 975px, yet it is. Why?
brucegustPHP DeveloperAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Dan CraciunConnect With a Mentor IT ConsultantCommented:
If you use overflow:hidden you won't be able to vertically scroll your text.

You need to hide only the horizontal scroll, so use this:
#satellite_body_text {
position:absolute;
width:980px;
height:610px;
margin-top:60px;
margin-left:128px;
font-weight:normal;
overflow-x: hidden;
}

HTH,
Dan
0
 
ravikantninaveCommented:
use
overflow:hidden;
in
#satellite_body_text
0
 
brucegustPHP DeveloperAuthor Commented:
Dan, I used this:

overflow-x: hidden; overflow-y: auto;

...and it worked great!

Thanks!
0
 
Dan CraciunIT ConsultantCommented:
You're welcome.

Glad I could help!
0
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.

All Courses

From novice to tech pro — start learning today.