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 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Location
    New Zealand
    Posts
    127
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry Why is this page scrolling? - table problems

    I seem to be asking way more questions than i am answering at the moment, but here goes.

    On this page the page scrolls about 200% to the right. If i remove the two tables at the bottom (the ones with the Arena1, Arena2, etc. links and images in them) the page does not scroll again.

    This is the only page that does this but they should all be identical, i am using a template system to get them consistant.

    Althought the site is maintained with Dreamweaver, the code is mostly put together by me so there could be errors and things in there perhaps.

    I would appreciate any advice on eliminating this scrolling problem. I previewed this in IE6 on PC and IE5 on Mac and got similar results.

    Thanks.
    eTheory - the theory of revolution

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Had a quick look.

    There is a lot of tables in there.

    It appears to be your widths.

    I went down deleting some of the widths and got your page nearly right.
    but to do it properly is going would take some time.

    Theres a lot of tables in there.

    Theres a lot of tables in there.

    Theres a lot of tables in there.

    Theres a lot of tables in there.

    Theres a lot of tables in there.



  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    NL
    Posts
    421
    Thanks
    0
    Thanked 0 Times in 0 Posts
    So I made spacer.gif 30 px smaller:

    Code:
    <!-- InstanceBeginEditable name="Main" -->
    <table width="100%" border="1" cellpadding="0" cellspacing="0">
    <tr> 
    <td><img src="images/spacer.gif" width="5" height="1"></td>
    <td width="99%"><img src="images/heading_aboutArenaManawatu.gif" width="300" height="50"></td>
    <td><img src="images/spacer.gif" width="5" height="1"></td></tr>

    And changed the hspace of those .jpgs from 5 px into 2 px:

    Code:
    <table border="0" align="center" cellpadding="0" cellspacing="0">
    <tr align="center"> 
    <td><a href="arena1.php"><strong>Arena 1</strong><br>
    <img src="images/p2_oval.jpg" width="130" height="80" hspace="2" border="1"></a></td>
    <td><a href="arena2.php"><strong>Arena 2<br>
    </strong><img src="images/p2_mss.jpg" width="130" height="80" hspace="2" border="1"></a></td>
    <td><a href="arena3.php"><strong>Arena 3</strong><br>
    <img src="images/p2_pascal.jpg" width="130" height="80" hspace="2" border="1"></a></td></tr></table><br>


  •  

    Posting Permissions

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