Welcome to WebmasterWorld Guest from 23.22.220.37

Forum Moderators: not2easy

Message Too Old, No Replies

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)

New User

5+ Year Member

joined:Nov 30, 2007
posts: 5
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Mar 18, 2007
posts:671
votes: 0


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)

New User

5+ Year Member

joined:Nov 30, 2007
posts: 5
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Mar 18, 2007
posts:671
votes: 0


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)

New User

5+ Year Member

joined:Nov 30, 2007
posts: 5
votes: 0


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)

Full Member

10+ Year Member

joined:Oct 9, 2002
posts:245
votes: 0


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)

New User

5+ Year Member

joined:Nov 30, 2007
posts: 5
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Mar 18, 2007
posts:671
votes: 0


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

New User

5+ Year Member

joined:Nov 30, 2007
posts: 5
votes: 0


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.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members