PDA

View Full Version : Why is this page scrolling? - table problems


Candrias77
09-04-2002, 12:48 PM
I seem to be asking way more questions than i am answering at the moment, but here goes.

On this page (http://arenamanawatu.fusiongroup.co.nz/about.php) 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.

Mr J
09-04-2002, 04:20 PM
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.


:o

MCookie
09-04-2002, 08:01 PM
So I made spacer.gif 30 px smaller:

<!-- 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:

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