Jump to content

Recommended Posts

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

why.PNG

 

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?

Link to comment
https://forums.phpfreaks.com/topic/151422-unnecessary-scroll-ability/
Share on other sites

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.

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.

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 ...

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;
}

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?

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.