Mon. May 19, 10:02:34 PM
Thanks
Always Show Scrollbars In Firefox Using CSS
Recent Articles:
- Tracking Outgoing Links in Google Analytics Using Event Tracking and jQuery
- Tracking Internal Website Campaigns With Google Analytics and PHP
- Everything You Need to Know About jQuery's .data() Method
- Google vs. China: How It Will Affect Web Workers
- Don't Like The New Facebook Home Page? Fix It With 5 Lines of CSS
Subscribe To Feed
Subscribers
Subscribers
Apr 30
I remember the first time I used Firefox I was extremely annoyed by the fact that the browser does not always show the scrollbars (like Internet Explorer does). The problem with this is when a page's height is not greater than the available screen height and a users clicks a link to a page that is taller than the available screen height it shifts the entire content area over to accommodate for the scrollbars (which probably take up 15 pixels or so). This is most likely the standards compliant way to display a page and IE has been doing it wrong all along, regardless it is annoying seeing the web page jump back and forth in Firefox.
The Solution:
Fortunately there is a solution using CSS:
html { overflow-y: scroll; }
The Opposite
If the meaning of your life depends on not conforming to Microsoft (you're out there) you can also make IE behave like Firefox:
html { overflow-y: auto; }
Whatever method you prefer I would recommend placing this in your baseline stylesheet before starting a new web site or project. Your users will thank you.
Sources:
Replies:
-
Tue. July 8, 3:26:18 PM
Hells yeah.
-
Tue. January 20, 10:27:51 AM
Thanks man, i've broken my head on this for a week ><
-
Tue. April 14, 5:31:56 PM
simple elegant solution. thanks much
-
Fri. August 13, 9:00:57 AM
Neat Article, Cialis....
-
Thu. September 9, 6:04:32 AM