Solved

Why does this image force the page to scroll?

Posted on 2014-04-24
4
149 Views
Last Modified: 2014-04-25
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
Comment
Question by:brucegust
  • 2
4 Comments
 
LVL 4

Expert Comment

by:ravikantninave
Comment Utility
use
overflow:hidden;
in
#satellite_body_text
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
Comment Utility
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
 

Author Comment

by:brucegust
Comment Utility
Dan, I used this:

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

...and it worked great!

Thanks!
0
 
LVL 34

Expert Comment

by:Dan Craciun
Comment Utility
You're welcome.

Glad I could help!
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now