Solved

horizontal scrollbar not showing in Chrome; shows in Firefox (overflow)

Posted on 2016-10-05
5
55 Views
Last Modified: 2016-10-14
I need Chrome to show the horizontal scrollbar like Firefox does.

Chrome:

Appearance at runtime:
chrome runtime
dev tools CSS:
chrome nav tabs css
=================

Firefox:

Appearance at runtime:
FF runtime
dev tools CSS:
FF nav tabs css
0
Comment
Question by:knowlton
  • 3
  • 2
5 Comments
 
LVL 22

Expert Comment

by:Kim Walker
ID: 41830377
I would think you would want both overflow-x and overflow-y to be auto. Can you post a link to the live page? It's difficult to determine anything without being able to see the HTML.
0
 
LVL 5

Author Comment

by:knowlton
ID: 41830387
There is no live-page link, sorry.

I can post the final rendered html if that would help?
0
 
LVL 22

Accepted Solution

by:
Kim Walker earned 500 total points
ID: 41830466
Did you try auto for both x and y overflow?

Yes, the source code would be helpful.
0
 
LVL 5

Author Comment

by:knowlton
ID: 41830474
It had something to do with position:relative needing to be added to the CSS.

I am working on posting my solution ... stand by....

(thanks for your help but I may have this solved).
0
 
LVL 5

Author Closing Comment

by:knowlton
ID: 41843868
Thanks for your time.  Points are yours as your suggestions we also a part of my final solution.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

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!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

825 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