• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 165
  • Last Modified:

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?
0
brucegust
Asked:
brucegust
  • 2
1 Solution
 
ravikantninaveCommented:
use
overflow:hidden;
in
#satellite_body_text
0
 
Dan CraciunIT 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
 
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now