a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions. dd

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Can't Lose Scrollbar in Mozilla

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Can't Lose Scrollbar in Mozilla
Page: [1]
 
heartlandjon

 

Posts: 5
Joined: 11/25/2004
Status: offline

 
Can't Lose Scrollbar in Mozilla - 11/25/2004 1:10:38   
Hey All. I'm a returning regular who hasn't posted for a couple of years now, but have a question that's stumping me.

Started playing around with a site redesign, and I have a div that won't drop the vertical scrollbar in Firefox (Mozilla). It's OK in IE6 though. I've done everything I know to try, have spent many hours searching, and can't solve this one.

Here's the URL:
http://gjx.us/homepagewebs
CSS is at:
http://gjx.us/homepagewebs/style1.css

I thought about using an inline style tag on the pages where I don't want the scroll (there will be pages where I do want it), but the div is on my main index page, and I use PHP includes to pull in the other pages. I'd rather not move my main div to the included pages to use the tag.

Any ideas how to drop the scrollbar in Mozilla?
c1sissy

 

Posts: 5087
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/25/2004 2:25:39   
first, have you validated? Then double check to make sure that you don't have anything mis spelled, or mis punctuated in your styles.

Then try to get it to work first in mozilla, then in IE. See, IE is so forgiving of things that it could just be a typo or something.

Welcome back, though I dont know who you are from way back when!:)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to heartlandjon)
heartlandjon

 

Posts: 5
Joined: 11/25/2004
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/25/2004 11:54:30   
I was using FrontPage to develop and maintain a humor website back then called humorthem.com.

The CSS validates.

I'll keep playing around with it.

(in reply to c1sissy)
caz

 

Posts: 3626
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/25/2004 12:40:42   
Try:

#main {background-image:url(images/body.gif);
position: relative;
padding:0;
width:760px;
height: 400px;
background-repeat: no-repeat;
overflow: none;

Works in FF, anyway. Have you got the Web Developer toolbar extension? It can be very handy, especially with HTML Tidy.


_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to heartlandjon)
heartlandjon

 

Posts: 5
Joined: 11/25/2004
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/25/2004 14:28:43   
Caz - I can do that, except on subsequent pages when I'm including content too large for the div, I want the div to scroll. I suppose I could create another div to fit inside main, and set that to overflow auto, and put that div in the included pages.

There's just no reason, size wise, why this div (main) should be displaying a scroll bar.

These days my main tool is HTMLKit, which does include HTML Tidy.

(in reply to caz)
caz

 

Posts: 3626
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/25/2004 17:15:28   
Can you just do an inline or embedded style for that page and so leave the rest untouched?

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to heartlandjon)
heartlandjon

 

Posts: 5
Joined: 11/25/2004
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/25/2004 21:42:40   
Caz - thanks for the response. I had considered that, but the main div is on the index page, so I can use PHP include code to pull in the content pages. So that wouldn't work without a re-design. And I still can't figure out why it's not working like it should.

My work-around would be turning off overflow in the main div. Then creating another div that would actually be in the included pages and not on the index page, that is set to overflow: auto;

But once again, I still am no closer to figuring out why it's happening...

(in reply to caz)
caz

 

Posts: 3626
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/26/2004 7:15:25   
I see you have a fix now - is that permanent?

Looking at this I assumed that FF is doing it right and that IE is being "helpful" and went to
PIE

Where I found,

"CSS gurus have known for a long time that when IE/Win sees that a box has a stated dimension that is not large enough to enclose the content of that box, the browser will wrongly enlarge the width of the box to accommodate unbreakable lines, such as long URLs. IE/Win will also extend the height of a box so that its content does not overflow the bottom border of the box. Browsers that more closely follow the W3C specifications let the extra content protrude beyond the height or width controlled box."
Or, in your case apply the scroll bars where a few pixels extra mean that the content will overflow?

Alternatively, you could also consider "Whitespace" in your html.

Interesting though :)


_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to heartlandjon)
heartlandjon

 

Posts: 5
Joined: 11/25/2004
Status: offline

 
RE: Can't Lose Scrollbar in Mozilla - 11/29/2004 1:32:29   
I ended up using the work-around I described, making the main div without overflow and adding another nested div for the auto overflow. I still don't know why it didn't work like it should, and that will bother me until I do know.

(in reply to caz)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Can't Lose Scrollbar in Mozilla
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts