Solved

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

Posted on 2016-10-05
5
73 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
  • 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

Technology Partners: 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!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
parent control advice for app searches 4 39
Worldmap 1 28
How can I make my tabs look like this? 1 35
Web content filtering solution 6 33
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

730 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