How to remove scoll bar- help me

siriya · Post by **siriya** » Mon Sep 01, 2008 3:24 am

How to hide the scroll bar of a table so that I don't have to scroll down to vie the table.

The site is http://www.taketheglobe.com/index.php?page=surf

i have to make

<div class="scrollBox">

to

<div>

. Is it possible?
thanks in advance

asdf · Post by **asdf** » Mon Sep 01, 2008 6:18 am

You could do CSS:

Code: Select all

.scrollBox, .scrollBox > * { overflow: hidden !important; }

But then the table won't scroll at all, you can only view what you could before you scroll.

siriya · Post by **siriya** » Mon Sep 01, 2008 12:39 pm

I don't know how to do a CSS. Can you explain me. I am very new to this. Is it possible to edit the source so that I can change <div class="scrollBox">
to <div>

adsf · Post by **adsf** » Thu Sep 04, 2008 8:54 am

That would require javascript and the extension Greasemonkey.

Wladimir Palant · Post by **Wladimir Palant** » Thu Sep 04, 2008 9:07 am

No, you can do it much simpler with the Stylish extension. The complete style would be:

Code: Select all

@-moz-document domain(taketheglobe.com) {
  .scrollBox, .scrollBox > * { overflow: hidden !important; }
}

siriya · Post by **siriya** » Sat Sep 06, 2008 4:57 pm

thanks for the reply. But there is a problem, I can not see all the contents in the table. Is it possible to do something so that I can see all the contents without scrolling down.

Stupid Head · Post by **Stupid Head** » Fri Sep 19, 2008 2:51 am

Code: Select all

@-moz-document domain(taketheglobe.com) {
  .scrollBox { height: auto !important; }
}