Problem in IE with tables

  • DeadBolt
  • Novice
  • Novice
  • DeadBolt
  • Posts: 31

Post 3+ Months Ago

I am having a problem where my tables are not lining up in IE on a PC. IE for Mac as well as Firefox & Safari look fine.

I know, I know I should be using CSS but I am a graphic designer by trade and just do a few websites here and there. Do not have time to learn something new at the present time. Maybe when the kids get a bit older and I have some spare time.

Can someone look into this link and see where the problem might be. I am using nested tables

http://www.ecohost.net/destination

Thanks,
Dave
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • freakymitra
  • Newbie
  • Newbie
  • freakymitra
  • Posts: 7
  • Loc: Mumbai

Post 3+ Months Ago

Hi Dave,

It not a thing. This happens usually. I thinng you make small mistake in script tag. And you have removed some part from doctype tag and below that, dont change it. It may also causes error. Otherwise your page looks fien in my IE.

Freaky.
  • DeadBolt
  • Novice
  • Novice
  • DeadBolt
  • Posts: 31

Post 3+ Months Ago

Thanks for the input freaky, but I can't seem to find a mistake in the code.

Can someone please take a look at the code and let me know how to fix this. I've been trying to troubleshoot for the better part of the day.

again it's http://www.ecohost.net/destination
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

I took the liberty to fix your problem :D

Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="generator" content="Adobe GoLive">
        <title>Untitled Page</title>
        <link href="style.css" rel="stylesheet" type="text/css" media="all">
        <csscriptdict import>
            <script type="text/javascript" src="CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        pre_Buttons_members_over = newImage('images/buttons/Buttons_members_over.gif');
        pre_button_home_over = newImage('images/buttons/button_home_over.gif');
        pre_button_aboutdryden_over = newImage('images/buttons/button_aboutdryden_over.gif');
        pre_button_wheretostay_over = newImage('images/buttons/button_wheretostay_over.gif');
        pre_button_wheretoeat_over = newImage('images/buttons/button_wheretoeat_over.gif');
        pre_button_shopping_over = newImage('images/buttons/button_shopping_over.gif');
        pre_button_festivals_over = newImage('images/buttons/button_festivals_over.gif');
        pre_button_recreation_over = newImage('images/buttons/button_recreation_over.gif');
        pre_button_daytripping_over = newImage('images/buttons/button_daytripping_over.gif');
        pre_button_information_over = newImage('images/buttons/button_information_over.gif');
        preloadFlag = true;
    }
}

// --></script>
        </csactiondict>
    </head>

    <body onload="preloadImages();" bgcolor="#545454" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
        <div align="center">
            <table width="900" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td height="215" rowspan="3" valign="top" bgcolor="#ebebeb" width="191">
                        <table width="64" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><img src="images/destinationdryden.jpg" alt="" height="146" width="191" border="0"></td>
                            </tr>
                            <tr>
                                <td background="images/orange_bar.jpg"><a onmouseover="changeImages('button_home','images/buttons/button_home_over.gif');return true" onmouseout="changeImages('button_home','images/buttons/button_home.gif');return true" href="#"><img id="button_home" src="images/buttons/button_home.gif" alt="" name="button_home" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_aboutdryden','images/buttons/button_aboutdryden_over.gif');return true" onmouseout="changeImages('button_aboutdryden','images/buttons/button_aboutdryden.gif');return true" href="#"><img id="button_aboutdryden" src="images/buttons/button_aboutdryden.gif" alt="" name="button_aboutdryden" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_wheretostay','images/buttons/button_wheretostay_over.gif');return true" onmouseout="changeImages('button_wheretostay','images/buttons/button_wheretostay.gif');return true" href="#"><img id="button_wheretostay" src="images/buttons/button_wheretostay.gif" alt="" name="button_wheretostay" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_wheretoeat','images/buttons/button_wheretoeat_over.gif');return true" onmouseout="changeImages('button_wheretoeat','images/buttons/button_wheretoeat.gif');return true" href="#"><img id="button_wheretoeat" src="images/buttons/button_wheretoeat.gif" alt="" name="button_wheretoeat" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_shopping2','images/buttons/button_shopping_over.gif');return true" onmouseout="changeImages('button_shopping2','images/buttons/button_shopping.gif');return true" href="#"><img id="button_shopping2" src="images/buttons/button_shopping.gif" alt="" name="button_shopping2" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_festivals','images/buttons/button_festivals_over.gif');return true" onmouseout="changeImages('button_festivals','images/buttons/button_festivals.gif');return true" href="#"><img id="button_festivals" src="images/buttons/button_festivals.gif" alt="" name="button_festivals" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_recreation','images/buttons/button_recreation_over.gif');return true" onmouseout="changeImages('button_recreation','images/buttons/button_recreation.gif');return true" href="#"><img id="button_recreation" src="images/buttons/button_recreation.gif" alt="" name="button_recreation" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_daytripping','images/buttons/button_daytripping_over.gif');return true" onmouseout="changeImages('button_daytripping','images/buttons/button_daytripping.gif');return true" href="#"><img id="button_daytripping" src="images/buttons/button_daytripping.gif" alt="" name="button_daytripping" height="23" width="163" border="0"></a><br>
                                    <a onmouseover="changeImages('button_information','images/buttons/button_information_over.gif');return true" onmouseout="changeImages('button_information','images/buttons/button_information.gif');return true" href="#"><img id="button_information" src="images/buttons/button_information.gif" alt="" name="button_information" height="23" width="163" border="0"></a><br>
                                </td>
                            </tr>
                            <tr>
                                <td valign="top" bgcolor="#ebebeb"><a onmouseover="changeImages('Buttons_members','images/buttons/Buttons_members_over.gif');return true" onmouseout="changeImages('Buttons_members','images/buttons/Buttons_members.gif');return true" href="#"><img id="Buttons_members" src="images/buttons/Buttons_members.gif" alt="" name="Buttons_members" height="65" width="163" border="0"></a></td>
                            </tr>
                            <tr>
                                <td valign="top" bgcolor="#ebebeb"><img src="images/dma_members.jpg" alt="" height="208" width="172" border="0"></td>
                            </tr>
                        </table>
                    </td>
                    <td colspan="2" valign="top" width="731" height="215"><img src="images/header_home.jpg" alt="" height="215" width="731" border="0"></td>
                </tr>
                <tr>
                    <td valign="top" bgcolor="#ebebeb" width="515">
                        <table width="99%" border="0" cellspacing="5" cellpadding="0">
                            <tr>
                                <td width="136"><img src="images/news/fishing.jpg" alt="" height="125" width="136" border="0"></td>
                                <td valign="top">
                                    <p><img src="images/news/fishing_title.jpg" alt="" height="20" width="358" border="0">Haldimand County is where the waters of the Southern Grand River meet Lake Erie – offering visitors the experience of both &ldquo;Grand River Country&rdquo; and &ldquo;Ontario&rsquo;s South Coast.&rdquo;<br>
                                        <br>
                                        For nearly 300 years, the Grand River has been used for commerce, power and recreation. Enjoy its charm and unique ... <a href="fishingstory.html">more</a></p>
                                </td>
                            </tr>
                        </table>
                        <hr width="96%">
                        <table width="99%" border="0" cellspacing="5" cellpadding="0">
                            <tr>
                                <td width="136"><img src="images/news/golfing.jpg" alt="" height="125" width="136" border="0"></td>
                                <td valign="top">
                                    <p><img src="images/news/golfing_title.jpg" alt="" height="20" width="358" border="0">Haldimand County is where the waters of the Southern Grand River meet Lake Erie – offering visitors the experience of both &ldquo;Grand River Country&rdquo; and &ldquo;Ontario&rsquo;s South Coast.&rdquo;<br>
                                        <br>
                                        For nearly 300 years, the Grand River has been used for commerce, power and recreation. Enjoy its charm and unique ... <a href="fishingstory.html">more</a></p>
                                </td>
                            </tr>
                        </table>
                        <hr width="96%">
                        <table width="99%" border="0" cellspacing="5" cellpadding="0">
                            <tr>
                                <td width="136"><img src="images/news/hiking.jpg" alt="" height="125" width="136" border="0"></td>
                                <td valign="top">
                                    <p><img src="images/news/hiking_title.jpg" alt="" height="20" width="358" border="0">Haldimand County is where the waters of the Southern Grand River meet Lake Erie – offering visitors the experience of both &ldquo;Grand River Country&rdquo; and &ldquo;Ontario&rsquo;s South Coast.&rdquo;<br>
                                        <br>
                                        For nearly 300 years, the Grand River has been used for commerce, power and recreation. Enjoy its charm and unique ... <a href="fishingstory.html">more</a></p>
                                </td>
                            </tr>
                        </table>
                        <hr width="96%">
                    </td>
                    <td rowspan="2" valign="top" bgcolor="#dbdbdb" width="216">
                        <div align="center">
                            <p><img src="images/links/cityofdryden.jpg" alt="" height="55" width="120" border="0"></p>
                            <p></p>
                            <p><img src="images/links/ontario.gif" alt="" height="52" width="121" border="0"></p>
                            <p></p>
                            <p><img src="images/links/employmentontario.gif" alt="" height="41" width="126" border="0"></p>
                        </div>
                    </td>
                </tr>
                <tr>
                    
                </tr>
            </table>
            <p></p>
        </div>
    </body>

</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
  5.         <meta name="generator" content="Adobe GoLive">
  6.         <title>Untitled Page</title>
  7.         <link href="style.css" rel="stylesheet" type="text/css" media="all">
  8.         <csscriptdict import>
  9.             <script type="text/javascript" src="CSScriptLib.js"></script>
  10.         </csscriptdict>
  11.         <csactiondict>
  12.             <script type="text/javascript"><!--
  13. var preloadFlag = false;
  14. function preloadImages() {
  15.     if (document.images) {
  16.         pre_Buttons_members_over = newImage('images/buttons/Buttons_members_over.gif');
  17.         pre_button_home_over = newImage('images/buttons/button_home_over.gif');
  18.         pre_button_aboutdryden_over = newImage('images/buttons/button_aboutdryden_over.gif');
  19.         pre_button_wheretostay_over = newImage('images/buttons/button_wheretostay_over.gif');
  20.         pre_button_wheretoeat_over = newImage('images/buttons/button_wheretoeat_over.gif');
  21.         pre_button_shopping_over = newImage('images/buttons/button_shopping_over.gif');
  22.         pre_button_festivals_over = newImage('images/buttons/button_festivals_over.gif');
  23.         pre_button_recreation_over = newImage('images/buttons/button_recreation_over.gif');
  24.         pre_button_daytripping_over = newImage('images/buttons/button_daytripping_over.gif');
  25.         pre_button_information_over = newImage('images/buttons/button_information_over.gif');
  26.         preloadFlag = true;
  27.     }
  28. }
  29. // --></script>
  30.         </csactiondict>
  31.     </head>
  32.     <body onload="preloadImages();" bgcolor="#545454" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
  33.         <div align="center">
  34.             <table width="900" border="0" cellspacing="0" cellpadding="0">
  35.                 <tr>
  36.                     <td height="215" rowspan="3" valign="top" bgcolor="#ebebeb" width="191">
  37.                         <table width="64" border="0" cellspacing="0" cellpadding="0">
  38.                             <tr>
  39.                                 <td><img src="images/destinationdryden.jpg" alt="" height="146" width="191" border="0"></td>
  40.                             </tr>
  41.                             <tr>
  42.                                 <td background="images/orange_bar.jpg"><a onmouseover="changeImages('button_home','images/buttons/button_home_over.gif');return true" onmouseout="changeImages('button_home','images/buttons/button_home.gif');return true" href="#"><img id="button_home" src="images/buttons/button_home.gif" alt="" name="button_home" height="23" width="163" border="0"></a><br>
  43.                                     <a onmouseover="changeImages('button_aboutdryden','images/buttons/button_aboutdryden_over.gif');return true" onmouseout="changeImages('button_aboutdryden','images/buttons/button_aboutdryden.gif');return true" href="#"><img id="button_aboutdryden" src="images/buttons/button_aboutdryden.gif" alt="" name="button_aboutdryden" height="23" width="163" border="0"></a><br>
  44.                                     <a onmouseover="changeImages('button_wheretostay','images/buttons/button_wheretostay_over.gif');return true" onmouseout="changeImages('button_wheretostay','images/buttons/button_wheretostay.gif');return true" href="#"><img id="button_wheretostay" src="images/buttons/button_wheretostay.gif" alt="" name="button_wheretostay" height="23" width="163" border="0"></a><br>
  45.                                     <a onmouseover="changeImages('button_wheretoeat','images/buttons/button_wheretoeat_over.gif');return true" onmouseout="changeImages('button_wheretoeat','images/buttons/button_wheretoeat.gif');return true" href="#"><img id="button_wheretoeat" src="images/buttons/button_wheretoeat.gif" alt="" name="button_wheretoeat" height="23" width="163" border="0"></a><br>
  46.                                     <a onmouseover="changeImages('button_shopping2','images/buttons/button_shopping_over.gif');return true" onmouseout="changeImages('button_shopping2','images/buttons/button_shopping.gif');return true" href="#"><img id="button_shopping2" src="images/buttons/button_shopping.gif" alt="" name="button_shopping2" height="23" width="163" border="0"></a><br>
  47.                                     <a onmouseover="changeImages('button_festivals','images/buttons/button_festivals_over.gif');return true" onmouseout="changeImages('button_festivals','images/buttons/button_festivals.gif');return true" href="#"><img id="button_festivals" src="images/buttons/button_festivals.gif" alt="" name="button_festivals" height="23" width="163" border="0"></a><br>
  48.                                     <a onmouseover="changeImages('button_recreation','images/buttons/button_recreation_over.gif');return true" onmouseout="changeImages('button_recreation','images/buttons/button_recreation.gif');return true" href="#"><img id="button_recreation" src="images/buttons/button_recreation.gif" alt="" name="button_recreation" height="23" width="163" border="0"></a><br>
  49.                                     <a onmouseover="changeImages('button_daytripping','images/buttons/button_daytripping_over.gif');return true" onmouseout="changeImages('button_daytripping','images/buttons/button_daytripping.gif');return true" href="#"><img id="button_daytripping" src="images/buttons/button_daytripping.gif" alt="" name="button_daytripping" height="23" width="163" border="0"></a><br>
  50.                                     <a onmouseover="changeImages('button_information','images/buttons/button_information_over.gif');return true" onmouseout="changeImages('button_information','images/buttons/button_information.gif');return true" href="#"><img id="button_information" src="images/buttons/button_information.gif" alt="" name="button_information" height="23" width="163" border="0"></a><br>
  51.                                 </td>
  52.                             </tr>
  53.                             <tr>
  54.                                 <td valign="top" bgcolor="#ebebeb"><a onmouseover="changeImages('Buttons_members','images/buttons/Buttons_members_over.gif');return true" onmouseout="changeImages('Buttons_members','images/buttons/Buttons_members.gif');return true" href="#"><img id="Buttons_members" src="images/buttons/Buttons_members.gif" alt="" name="Buttons_members" height="65" width="163" border="0"></a></td>
  55.                             </tr>
  56.                             <tr>
  57.                                 <td valign="top" bgcolor="#ebebeb"><img src="images/dma_members.jpg" alt="" height="208" width="172" border="0"></td>
  58.                             </tr>
  59.                         </table>
  60.                     </td>
  61.                     <td colspan="2" valign="top" width="731" height="215"><img src="images/header_home.jpg" alt="" height="215" width="731" border="0"></td>
  62.                 </tr>
  63.                 <tr>
  64.                     <td valign="top" bgcolor="#ebebeb" width="515">
  65.                         <table width="99%" border="0" cellspacing="5" cellpadding="0">
  66.                             <tr>
  67.                                 <td width="136"><img src="images/news/fishing.jpg" alt="" height="125" width="136" border="0"></td>
  68.                                 <td valign="top">
  69.                                     <p><img src="images/news/fishing_title.jpg" alt="" height="20" width="358" border="0">Haldimand County is where the waters of the Southern Grand River meet Lake Erie – offering visitors the experience of both &ldquo;Grand River Country&rdquo; and &ldquo;Ontario&rsquo;s South Coast.&rdquo;<br>
  70.                                         <br>
  71.                                         For nearly 300 years, the Grand River has been used for commerce, power and recreation. Enjoy its charm and unique ... <a href="fishingstory.html">more</a></p>
  72.                                 </td>
  73.                             </tr>
  74.                         </table>
  75.                         <hr width="96%">
  76.                         <table width="99%" border="0" cellspacing="5" cellpadding="0">
  77.                             <tr>
  78.                                 <td width="136"><img src="images/news/golfing.jpg" alt="" height="125" width="136" border="0"></td>
  79.                                 <td valign="top">
  80.                                     <p><img src="images/news/golfing_title.jpg" alt="" height="20" width="358" border="0">Haldimand County is where the waters of the Southern Grand River meet Lake Erie – offering visitors the experience of both &ldquo;Grand River Country&rdquo; and &ldquo;Ontario&rsquo;s South Coast.&rdquo;<br>
  81.                                         <br>
  82.                                         For nearly 300 years, the Grand River has been used for commerce, power and recreation. Enjoy its charm and unique ... <a href="fishingstory.html">more</a></p>
  83.                                 </td>
  84.                             </tr>
  85.                         </table>
  86.                         <hr width="96%">
  87.                         <table width="99%" border="0" cellspacing="5" cellpadding="0">
  88.                             <tr>
  89.                                 <td width="136"><img src="images/news/hiking.jpg" alt="" height="125" width="136" border="0"></td>
  90.                                 <td valign="top">
  91.                                     <p><img src="images/news/hiking_title.jpg" alt="" height="20" width="358" border="0">Haldimand County is where the waters of the Southern Grand River meet Lake Erie – offering visitors the experience of both &ldquo;Grand River Country&rdquo; and &ldquo;Ontario&rsquo;s South Coast.&rdquo;<br>
  92.                                         <br>
  93.                                         For nearly 300 years, the Grand River has been used for commerce, power and recreation. Enjoy its charm and unique ... <a href="fishingstory.html">more</a></p>
  94.                                 </td>
  95.                             </tr>
  96.                         </table>
  97.                         <hr width="96%">
  98.                     </td>
  99.                     <td rowspan="2" valign="top" bgcolor="#dbdbdb" width="216">
  100.                         <div align="center">
  101.                             <p><img src="images/links/cityofdryden.jpg" alt="" height="55" width="120" border="0"></p>
  102.                             <p></p>
  103.                             <p><img src="images/links/ontario.gif" alt="" height="52" width="121" border="0"></p>
  104.                             <p></p>
  105.                             <p><img src="images/links/employmentontario.gif" alt="" height="41" width="126" border="0"></p>
  106.                         </div>
  107.                     </td>
  108.                 </tr>
  109.                 <tr>
  110.                     
  111.                 </tr>
  112.             </table>
  113.             <p></p>
  114.         </div>
  115.     </body>
  116. </html>


on line 68 you had...

Code: [ Select ]
<td rowspan="2" valign="top" bgcolor="#ebebeb" width="515">


I removed that rowspan and everything works fin now in IE and Firefox for me.
  • DeadBolt
  • Novice
  • Novice
  • DeadBolt
  • Posts: 31

Post 3+ Months Ago

Thanks so much Bogey!

You saved me a ton of time.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

DeadBolt wrote:
Thanks so much Bogey!

You saved me a ton of time.


No problem :D

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 57 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.