Welcome to WebmasterWorld Guest from 54.166.102.61

Forum Moderators: not2easy

Cannot see Scrollbars in Firefox

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

   
9:58 pm on Nov 30, 2007 (gmt 0)

5+ Year Member



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

11:31 pm on Nov 30, 2007 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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?

2:28 am on Dec 1, 2007 (gmt 0)

5+ Year Member



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

6:21 pm on Dec 1, 2007 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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.
4:57 pm on Dec 2, 2007 (gmt 0)

5+ Year Member



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]

5:17 pm on Dec 2, 2007 (gmt 0)

10+ Year Member



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.

11:40 pm on Dec 2, 2007 (gmt 0)

5+ Year Member



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]

4:36 am on Dec 3, 2007 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



You did not describe your problem to us accurately.
5:02 pm on Dec 3, 2007 (gmt 0)

5+ Year Member



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.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month