unnecessary scroll ability

[Zane]

I working on my site right now.  Everything seems to be just fine except for some odd reason..the scrollbar wants to let me scroll down to nothing.

 

There is nothing to scroll down to

here is a picture

 

My site is at http://zanedockery.com so you can see for yourself what I'm talking about.  I know it has something to do with the CSS but I have no clue where it is at.

 

Any ideas..anyone ever had this problem before?

[Maq]

I think this is an IE problem, in FF3 it looks fine.

 

Have you checked in any other browsers?

[Zane]

but that's where my problem is....in FF3

i should've mentioned that

 

so you're saying that the scrollbar is locked in for you (you can't scroll down......to nothing)

[Maq]

so you're saying that the scrollbar is locked in for you (you can't scroll down......to nothing)

 

Yes, the only difference is that I'm on Ubuntu. (Screen shot attached)

 

 

 

[attachment deleted by admin]

[Zane]

well I'll be damned

 

well someone's bound to see it besides me

thanks for the insight.

[Maq]

well I'll be damned

 

well someone's bound to see it besides me

thanks for the insight.

 

Sure thing.  I would try to debug it with firebug, but I can't see what's wrong, sorry  :'(

 

Wow, meant to resize the canvas on that screen shot... at least that way you can see it clearer.

[Zane]

I still can't figure out what is causing this uneeded scrollbar.

 

I know for sure that it is cause by me setting #body's height to 100%, but I really need it to be 100%. I have tried max-height, min-height...height:auto...everything.

 

All I'm trying to do is get my #body div to continue vertically to the bottom of the page....only showing a scrollbar when it is necessary.

 

I'm pulling my hair out..

 

EDIT: Actually, it doesn't even matter if #body's height is set or not..#body still continues vertically so long as html and body have 100%.

 

body, html {
padding:0px; margin:0;
font-family: "helvetica",Arial,sans-serif;
background-color: #3F4956;
background-color: #273E63;
background-color: #3E3939;
height:100%;
}

body {
background:url(images/tree.jpg) no-repeat right top;
}
#body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: 0px;
color:black;
font-size:smaller;
background:url(images/stripes.png);	min-height:100%;
background-color: #F7F9FB;
background-color: #D0D8DF;
background-color: #2F3953;
border:	solid #324F7E;
border:	solid #665E5E;
border: solid #494949;
border-width:0px 15px;
float:left;
width:55%;
-moz-border-radius: 0 0 .8em .8em;
}

 

Yet I still get the scrollbar

 

EDIT 2: Scratch that...I forgot that I had min-height set on #body...I took it out...and the vertical continuation collapsed.

[burn1337]

firstly the body, html tag should not be 100%, it should be 99%... Secondly you should put a width on your Body Id... If that still doesn't fix the problem, try "margin-bottom: -10%" or some other percent, this way it will take the margin off the bottom and not give you blank space ...

[Zane]

thank you for the input.

 

Although, I tried everything you said to the T...to no avail.  In fact it works exactly the same way as it did before I made the changes you suggested.

 

Secondly you should put a width on your Body Id

 

......
......
#body {
....
....
width:55%;
-moz-border-radius: 0 0 .8em .8em;
}

[burn1337]

I feel bad, I meant to put add height not width.... Sorry I have been crunchin my brain a lot lately... Try adding a height to your Body Id...

[Zane]

EDIT 2: Scratch that...I forgot that I had min-height set on #body...I took it out...and the vertical continuation collapsed.

[Zane]

I have a sneaking suspicion that this has the same thing to do with my problem.

 

I tried to add a footer to the bottom

#footer {
height: 40px;
background-color: black;
color:white;
position:absolute;
bottom:0;
width:100%;
}

But again, it attaches it self the ...relative bottom?

I mean...it's on the bottom of what is visible..until you scroll down the page and it is placed absolutely where it was in the first place....leaving white space...or whatever else it behind it

 

Any ideas?