This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button
COURSE of the MONTH
14 days, 23 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Why does this image force the page to scroll?
Posted on 2014-04-24
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?
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?
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2
4 Comments
Active today
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
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
Active today
Dan, I used this:
overflow-x: hidden; overflow-y: auto;
...and it worked great!
Thanks!
overflow-x: hidden; overflow-y: auto;
...and it worked great!
Thanks!
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Introduction
If you're like most people, you have occasionally made a typographical error when you're entering information into an online form. And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS
Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
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…
Suggested Courses
Course of the Month14 days, 23 hours left to enroll
770 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.