Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Jun 2002
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts

    this page has horizontal scrollbar active when not needed

    Hi,

    I have this web page that does not need for the horizontal scroll to be active because the contents more than fit into the area. I've tried hard to find the problem with no luck in it. Does anyone know?

    http://endless-cashflow.port5.com/index.html

    The page is not completed by the way and doesn't have the images on the server.

    Thanks for any help

  • #2
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Nice site, (I imagine) I guess you are working on getting those images to show..

    To get rid of that bar just place this attribute in the <body> tag.

    Code:
    style="overflow-y:hidden;overflow-x:scroll"
    simple
    Omnis mico antequam dominus Spookster!

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The problem is the <td> tags don't add up.
    This causes the browser to add the table cells in all sorts of strange places. in this case, to the side.

    Also, there are a number of other things to tidy up, I will see if I can find where the <td> prob is too.

    OK, lets start witht he page structure.

    You have two <html> and </html> tags on the page.
    The first <html> that is out of place is just below the body tags. Here....

    <body VLINK="#003366" LINK="#003366" ALINK="#003366" BGCOLOR="#F2F2F2" onload="dynAnimation(),rotateImage('rImage'),changeScrollbarColor('#000059')" style="scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#E8E8E8" topmargin="1" leftmargin="1">
    <center> *************** HERE**********
    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

    *************

    Then an additional close... here......



    </td>
    </tr>
    <tr>
    <td colspan="3"
    </center>
    </body>
    ******************HERE********
    </html>
    <div align="center">
    <center>
    <table border="0" CELLSPACING="0" CELLPADDING="0" width="601" height="192" style="border-collapse:

    ***************************
    The

    </td>
    </tr>
    <tr>
    <td colspan="3">

    above are the tags out of place, remove them and the table should be OK
    Everything between the two internal html tags should be removed or reloacated except the meta tag.


    As a sugestion, go to Doctor HTML and check your code there. It will highlight the areas that need attention

    Good luck.


    Tonz
    Last edited by Tonz; 07-22-2002 at 03:29 AM.
    Beware, the Cybertooth tiger cometh

  • #4
    Regular Coder
    Join Date
    May 2002
    Location
    Maine, USA
    Posts
    573
    Thanks
    0
    Thanked 0 Times in 0 Posts
    As Tonz mentioned, you should concentrate on the table codes and try to isolate the problem within the code that's forcing the horizontal scrollbar as opposed to masking it with overflow-x: hidden; .
    boxer_1
    CodingForums Moderator
    "How did a fool and his money get together in the first place?"

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Victoria, BC, Canada
    Posts
    962
    Thanks
    0
    Thanked 1 Time in 1 Post
    I've had trouble with tables doing that before...You just need to make sure your cells and rows are closed properly.

  • #6
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Yes, It's better to fix the bad code rather than make the browser adapt to "mask" your code as it wasn't developt to work like that.
    Omnis mico antequam dominus Spookster!


  •  

    Posting Permissions

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