Solved

Horizontal scroll bar appearing in middle of screen

Posted on 2010-09-10
11
653 Views
Last Modified: 2012-05-10
I am building a website and want each page to have the Horizontal/Vertical scroll bars visible.  The main reason for this is so that the menu bar (that is centred on the screen) always appears in the same place.  To do this I have used the Overflow/Scroll properties, which seems to work fine.  However, on one PC the user get the horizontal scroll bar in the middle of their screen (behind the content).  I’ve tested it on about 15 other PCs / Macs and it’s fine – but I still need a fix.

Any ideas?
0
Comment
Question by:Andy Brown
[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
  • 6
  • 4
11 Comments
 
LVL 19

Expert Comment

by:Bardobrave
ID: 33644782
¿Wich browser and version is using the affected PC?

¿Has any other of the normal PCs the same browser and version running?

0
 

Author Comment

by:Andy Brown
ID: 33644802
IE8

I have tried it on other versions ranging from Safari to IE8 (backwards) and also Chrome - all seem ok - except on this one PC.
0
 
LVL 19

Expert Comment

by:Bardobrave
ID: 33644847
Well, first we need to know is if it's a browser's problem or a computer's one.

I'm not very sure for your response...

Are other PCs working fine using same browser that affected PC?
Affected PC reproduces the error only in IE8 or in several browsers? Any of these worked fine in other pcs?
0
Industry Leaders: 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!

 

Author Comment

by:Andy Brown
ID: 33644878
Every other machine / browser is fine, so I would guess it is down to the PC - but it's the PC of the bosses wife, so I need to be sure before suggesting anything.  The PC in question works fine - until I add Overflow/Scroll property.
0
 
LVL 19

Accepted Solution

by:
Bardobrave earned 500 total points
ID: 33644930
mmm... kinda weird...

I supose that suggesting a browser change is not an option (bosses wife's tend to be very stuck to their browsers) so we should seek what is producing such a strange behaviour...

Could you please attack a screen capture of how the scroll is rendering on affected pc?
0
 

Author Comment

by:Andy Brown
ID: 33645013
Here you go.
Image1.jpg
0
 
LVL 19

Expert Comment

by:Bardobrave
ID: 33645153
Ok, I see... so the scrolls are not from the body of the page, they are from a layer, probably a div that you're using as main container.

This type of behavior on IE usually is due to a floating css option on content, that makes it to "separate" from container. IE thinks that the container is empty and reduces it's size to the minimum where it can fits.

The strange thing here is that it only happens on one of your PCs (and also in IE8, I thought this was corrected in IE7 and beyond). ¿Maybe this PC's IE have activated compatibility mode and it's behaving like an IE6.2?

Try to assign to you main container (the one with the scrolls) the following CSS options:
height:auto;
min-height:100%;

I don't remember the exact solution to this type of problems, but it came from those css attribs.

Let me know if this solves the issue, if not I'll look further into it.
0
 

Author Comment

by:Andy Brown
ID: 33645197
I'll give it a try in a little while - thanks for all of your help.
0
 

Author Comment

by:Andy Brown
ID: 33645854
I've taken a look at the html and the overflow command is only on the body tag (see below).

body {
      overflow: scroll;
}
0
 
LVL 9

Expert Comment

by:Bob Stone
ID: 33653621
Without seeing the rest of the CSS it is hard to tell exactly, but you might try

body {
      overflow: auto;
}
0
 

Author Closing Comment

by:Andy Brown
ID: 33691250
I'm pretty sure it is something on the PC - thanks for all of your help.
0

Featured Post

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
write html in textarea and record it into a database table 3 41
allow link tag to be submit like form 15 60
Anchor Bookmark 6 33
Page link not showing on Mobile Device 3 52
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

734 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