Problems hiding scrollbars in Firefox (MAC)

Forum Moderators: not2easy

Message Too Old, No Replies

Problems hiding scrollbars in Firefox (MAC)

lardawg

6:48 pm on Sep 6, 2004 (gmt 0)

I am basically using one page of html to display my entire site using hidden elements and Java Script. On one page (faq) I have auto scrolling enabled. In Safari as well as Netscape and IE this works as expected. However in Firefox on a Mac (PC works correctly), no matter what page you select it displays a scroll bar. Is there a possible workaround for this?

Thank you,
Larry

SuzyUK

9:54 pm on Sep 6, 2004 (gmt 0)

Hi lardawg - Welcome to WebmasterWorld

do you want to hide the regular scrollbar? If so you may need to hide it on both the <html> and <body> elements

e.g.
html, body {height: 100%; overflow: hidden;}

if that's not it and it's an internal scrolling div can you post an outline of the code, and describe which scrollbar you want to hide

Suzy

lardawg

12:10 am on Sep 7, 2004 (gmt 0)

Ok, It's a little complicated for me to explain, but here goes. It is a internal scrolling div and is linked to "content_faq". I am using JavaScript to swap between div id's. Every browser except Firefox on a Mac, honors the fact that that page and scrollbar are invisible if not called on by the JavaScript for that content to be displayed. However using Firefox (Mac) the scrollbar shows up during the display of any content when it should be invisible.

Here is the css for that div id:
#content_faq {visibility:hidden;position:absolute;height:400px;width:738px;background-image:url("../images/faq.gif");background-position:top right;background-repeat:no-repeat; }
#content_faq div.content_data { overflow:auto;position:absolute;height:400px;width:669px;padding:20px 30px 20px 40px; }
#content_faq h1 { font-size:12px;font-style:italic;color:#9DBEE3;margin-top:0px;margin-bottom:5px; }
#content_faq p { font-size:12px;font-style:italic;text-align:justify;color:#E1E7EE;margin-top:0px;margin-bottom:15px; }
body[id=my site] #content_faq div.content_data { overflow:auto;position:absolute;height:360px;width:669px;padding:20px 30px 20px 40px; }
body[id=my site] #content_faq div.content_data ul { padding-bottom:20px;

Thank you,
Larry