Solved

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

Posted on 2016-10-05
5
97 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:Tom Knowlton
[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
  • 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:Tom 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:Tom 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:Tom Knowlton
ID: 41843868
Thanks for your time.  Points are yours as your suggestions we also a part of my final solution.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to dynamically set the form action using jQuery.

691 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