Cannot see Scrollbars in Firefox

This code works fine in IE but not in FireFox - I cannot see the scrollbars

[replymeonly]

Firefox does not show me any scrollbars - rest everything works. All I want is FIX the top of this webpage using the "html#content" option....

body
{
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
overflow: hidden;
}

html#content
{
position: absolute;
overflow: auto;
width:100%;
height:100%;
left:0;
right:0;
}

Any help would be appreciated.

-Thanks

[Xapti]

CSS isn't very useful without the HTML.

Have you tried overflow:scroll?

Realize that IE doesn't support simultanious use of left and right, so you're likely encountering some bug from IE.

You said "fix the top", what do you mean by that? wasn't your problem scrollbars? What is your goal for your design?

[replymeonly]

Thank you for the update.

All I want is to create a table on the top of the page and once someone resize the browser - the table should not change....meaning a FIXED one...

So any help is appreciated.

Thanks

[Xapti]

well for that, just set a fixed width for your table (or #content?) instead of full width of 100%; like 800px, or something. You could have it centered if you want as well.

[replymeonly]

Well thanks for the suggestion however the fixed width I don't want -- I want whenever you resize the page the top should be static - this is my page - try that in both IE and Firefox - you'll see what I'm talking about: link removed

CSS Used:

body
{
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
overflow: hidden;
}

html#content
{
position: absolute;
overflow: scroll;
width:100%;
height:100%;
left:0;
right:0;
}

I'm there is something I'm missing for sure.

Please advice.

- Thanks

[edited by: SuzyUK at 5:26 pm (utc) on Dec. 2, 2007]
[edit reason] Please No URI's [/edit]

[Edouard_H]

The 'overflow: hidden;' for the body is what is hiding the scrollbar in FF.

Though your link will likely be removed [webmasterworld.com], I did have a chance to view the HTML and I don't understand the purpose of the #content div. It's empty and occurs before the body tag. I'm not quite clear what you mean by 'fixed', but you can safely jettison that div and its style.

[replymeonly]

ok - I found the solution -
Create a background match the top table logo and all --- it worked just fine after that...

Super!

Thanks for all your help.
Happy Holidays..

[edited by: engine at 1:28 am (utc) on Dec. 3, 2007]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]

[Xapti]

You did not describe your problem to us accurately.

[replymeonly]

Sir -

The problem was that if I make a table 100% width and place it on the top of the page, it should NOT resize itself once you resize the window - It was not happening...

The solution was to create a center table with 800px width and then do a background page image - so now if you resize the page it does not matter 'coz the table stay in the center of the page and background image takes care of the resize window 100%.

Thanks again.