RSS Feed

More php / mySQL | html | css | js

     Notes: PHP / MYSQL | HTML | CSS | JS
free-php-scripts
free-joomla-extensions

Dec 18
2010

Remove Horizontal Scrolling in CSS

Posted by bohemia in Untagged 

There may come a time when you want to disallow horizontal scrolling in the browser. One reason may be that you use a fluid template. Another reason could be that it looks messy if someone scrolls to the right.

Simple, you can go to the CSS stylesheet and write the following in the body id or class.

overflow-x: hidden;

Now, you can reload the page and the horizontal scroll bar should be be gone.
Comments (5)add comment
...
written by a guest , January 24, 2012

Thank you so much! Tried everything, but your tooltip helped me!



...
written by a guest , April 05, 2012

Thanks. Worked good for my fluid layout.


...
written by a guest , April 09, 2012

awesome, thanks man..

was working with a fluid layout smilies/cheesy.gif



...
written by a guest , April 11, 2012

you are the man smilies/smiley.gif
thanks a million



...
written by a guest , September 24, 2012

Exactly what I was looking for.
Many thanks!




Write comment

busy