homepage Welcome to WebmasterWorld Guest from 54.224.202.109
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Cannot see Scrollbars in Firefox
This code works fine in IE but not in FireFox - I cannot see the scrollbars
replymeonly




msg:3517592
 9:58 pm on Nov 30, 2007 (gmt 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

 

Xapti




msg:3517663
 11:31 pm on Nov 30, 2007 (gmt 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?

replymeonly




msg:3517739
 2:28 am on Dec 1, 2007 (gmt 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

Xapti




msg:3518173
 6:21 pm on Dec 1, 2007 (gmt 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.

replymeonly




msg:3518743
 4:57 pm on Dec 2, 2007 (gmt 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]

Edouard_H




msg:3518756
 5:17 pm on Dec 2, 2007 (gmt 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.

replymeonly




msg:3518930
 11:40 pm on Dec 2, 2007 (gmt 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]

Xapti




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

You did not describe your problem to us accurately.

replymeonly




msg:3519396
 5:02 pm on Dec 3, 2007 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved