Page 1 of 2 12 LastLast
Results 1 to 15 of 19
  1. #1
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Horizontal scrollbar at bottom of screen

    For some odd reason there appears to be a scroll bar appearing at the bottom of the body of the site when l click on the contact link when l am in the calder page.

    Does anyone have any ideas as to what is causing this?

    http://clubamigos.port5.com/scrollbar_screenshot.jpg

  2. #2
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Horizontal scrollbar at bottom of screen

    Not without the code to your page.

    Things to check first though:

    1) Is the resolution of your screen smaller than the width of you page?

    2) Have you introduced a script in your page?
    Jerry

  3. #3
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    Not without the code to your page.
    I response to your questions:

    1) Is the resolution of your screen smaller than the width of you page? I don't think so

    2) Have you introduced a script in your page? No script.
    see attacthment for html and css files.

    Any help would be appreciated.
    Attached Files Attached Files

  4. #4
    Platinum Lounger
    Join Date
    Dec 2000
    Location
    Hornsby Heights, New South Wales, Australia
    Posts
    3,822
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    <hr>Any help would be appreciated<hr>
    I sure hope you give Jezza some credit on your pages once released, seeing all the personal and free effort Jezza put into your site, right <img src=/S/question.gif border=0 alt=question width=15 height=15>
    Cheers, Claude.

  5. #5
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    I notice that there's a combination of absolute and relative sizing being used; in your navcal items, there are fixed borders and the LI A item has a fixed width of 61px. It could be that the sum of all these borders and fixed-width items is wider than your browser window.
    Waggers
    If at first you do succeed, you&#39;ve probably missed something.

  6. #6
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    How do you suggest l resolve the problem?
    it only appears to be on the caldner page for some odd reason.

  7. #7
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    That makes sense, as it's probably only the calendar page that has all those fixed-size items in it. Your options are to reduce the size of some of your items (I think it's the months at the top that cause the problem) or just live with it. After all, you have no idea how big or small the browser window of each of your visitors is going to be, so inevitably some of them will see scrollbars and others won't. It's not really a big deal.
    Waggers
    If at first you do succeed, you&#39;ve probably missed something.

  8. #8
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    I will have to live with it , thanks for your feedback.

  9. #9
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Horizontal scrollbar at bottom of screen

    Another thing to assist you is maybe change the css file so that body reads:

    <pre>body {
    font : 12px "Lucida Sans Unicode", Verdana, sans-serif;
    color : #333333;
    background: #e9eef4;
    width : 100%;
    padding:0px;
    margin:0px;
    }
    </pre>


    This may alleviate the problem as the is a default 10px margin on the page.

    <img src=/S/whisper.gif border=0 alt=whisper width=29 height=17>You may also want to change the title of the page, unless you want "Jezza Bear makes a calendar" <img src=/S/evilgrin.gif border=0 alt=evilgrin width=15 height=15>
    Jerry

  10. #10
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    > You may also want to change the title of the page, unless you want "Jezza Bear makes a calendar"

    <img src=/S/rofl.gif border=0 alt=rofl width=15 height=15>

    <img src=/S/whisper.gif border=0 alt=whisper width=29 height=17>You're too nice, Jezza. I wouldn't have mentioned it until the site had been live for quite a while <img src=/S/evilgrin.gif border=0 alt=evilgrin width=15 height=15>
    Waggers
    If at first you do succeed, you&#39;ve probably missed something.

  11. #11
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Horizontal scrollbar at bottom of screen

    <img src=/S/whisper.gif border=0 alt=whisper width=29 height=17>That is just for starters, Justin may want to check his other pages that I helped himwith <img src=/S/evilgrin.gif border=0 alt=evilgrin width=15 height=15>
    Jerry

  12. #12
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    I tried this but no luck.

    I will sort out the title of the page later.

  13. #13
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Horizontal scrollbar at bottom of screen

    Hi there

    This will definitely work. In your CSS place this piece of code:

    <pre>html {
    overflow-x:hidden;
    overflow-y:scroll;
    }
    </pre>


    and in the body tag amend it to look like this:

    <pre>body {
    font : 12px "Lucida Sans Unicode", Verdana, sans-serif;
    color : #333333;
    background: #e9eef4;
    width : 100%;
    padding:0px;
    margin:0px;
    min-width: 600px;
    }</pre>


    Note I have added min-width: 600px; you will have to adjust the value of the pixels to your calendar size.

    This will "switch off" your bottom scrollbar on your html page.
    Jerry

  14. #14
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Horizontal scrollbar at bottom of screen

    I tried this and there is still a scroll bar.
    I will simply have to live with it.
    see attached css.
    Attached Files Attached Files

  15. #15
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Horizontal scrollbar at bottom of screen

    There is no helping you is there. I have just used the css file you have just attached and linked it to the html file you supplied earlier and it works a dream, both in IE and Firefox.

    So please review your work, we are not here to do it for you.
    Jerry

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •