Back To Website Design Forum

Problem in IE with tables

  • DeadBolt
  • Novice
  • Novice
  • No Avatar
  • Joined: May 12, 2005
  • Posts: 31
  • Status: Offline

Post October 18th, 2007, 7:17 am

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post October 18th, 2007, 7:17 am

  • freakymitra
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 18, 2007
  • Posts: 7
  • Loc: Mumbai
  • Status: Offline

Post October 18th, 2007, 9:33 am

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
  • No Avatar
  • Joined: May 12, 2005
  • Posts: 31
  • Status: Offline

Post October 18th, 2007, 12:15 pm

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
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post October 18th, 2007, 2:32 pm

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">
  3. <html>
  5.     <head>
  6.         <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
  7.         <meta name="generator" content="Adobe GoLive">
  8.         <title>Untitled Page</title>
  9.         <link href="style.css" rel="stylesheet" type="text/css" media="all">
  10.         <csscriptdict import>
  11.             <script type="text/javascript" src="CSScriptLib.js"></script>
  12.         </csscriptdict>
  13.         <csactiondict>
  14.             <script type="text/javascript"><!--
  15. var preloadFlag = false;
  16. function preloadImages() {
  17.     if (document.images) {
  18.         pre_Buttons_members_over = newImage('images/buttons/Buttons_members_over.gif');
  19.         pre_button_home_over = newImage('images/buttons/button_home_over.gif');
  20.         pre_button_aboutdryden_over = newImage('images/buttons/button_aboutdryden_over.gif');
  21.         pre_button_wheretostay_over = newImage('images/buttons/button_wheretostay_over.gif');
  22.         pre_button_wheretoeat_over = newImage('images/buttons/button_wheretoeat_over.gif');
  23.         pre_button_shopping_over = newImage('images/buttons/button_shopping_over.gif');
  24.         pre_button_festivals_over = newImage('images/buttons/button_festivals_over.gif');
  25.         pre_button_recreation_over = newImage('images/buttons/button_recreation_over.gif');
  26.         pre_button_daytripping_over = newImage('images/buttons/button_daytripping_over.gif');
  27.         pre_button_information_over = newImage('images/buttons/button_information_over.gif');
  28.         preloadFlag = true;
  29.     }
  30. }
  32. // --></script>
  33.         </csactiondict>
  34.     </head>
  36.     <body onload="preloadImages();" bgcolor="#545454" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
  37.         <div align="center">
  38.             <table width="900" border="0" cellspacing="0" cellpadding="0">
  39.                 <tr>
  40.                     <td height="215" rowspan="3" valign="top" bgcolor="#ebebeb" width="191">
  41.                         <table width="64" border="0" cellspacing="0" cellpadding="0">
  42.                             <tr>
  43.                                 <td><img src="images/destinationdryden.jpg" alt="" height="146" width="191" border="0"></td>
  44.                             </tr>
  45.                             <tr>
  46.                                 <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>
  47.                                     <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>
  48.                                     <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>
  49.                                     <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>
  50.                                     <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>
  51.                                     <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>
  52.                                     <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>
  53.                                     <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>
  54.                                     <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>
  55.                                 </td>
  56.                             </tr>
  57.                             <tr>
  58.                                 <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>
  59.                             </tr>
  60.                             <tr>
  61.                                 <td valign="top" bgcolor="#ebebeb"><img src="images/dma_members.jpg" alt="" height="208" width="172" border="0"></td>
  62.                             </tr>
  63.                         </table>
  64.                     </td>
  65.                     <td colspan="2" valign="top" width="731" height="215"><img src="images/header_home.jpg" alt="" height="215" width="731" border="0"></td>
  66.                 </tr>
  67.                 <tr>
  68.                     <td valign="top" bgcolor="#ebebeb" width="515">
  69.                         <table width="99%" border="0" cellspacing="5" cellpadding="0">
  70.                             <tr>
  71.                                 <td width="136"><img src="images/news/fishing.jpg" alt="" height="125" width="136" border="0"></td>
  72.                                 <td valign="top">
  73.                                     <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>
  74.                                         <br>
  75.                                         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>
  76.                                 </td>
  77.                             </tr>
  78.                         </table>
  79.                         <hr width="96%">
  80.                         <table width="99%" border="0" cellspacing="5" cellpadding="0">
  81.                             <tr>
  82.                                 <td width="136"><img src="images/news/golfing.jpg" alt="" height="125" width="136" border="0"></td>
  83.                                 <td valign="top">
  84.                                     <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>
  85.                                         <br>
  86.                                         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>
  87.                                 </td>
  88.                             </tr>
  89.                         </table>
  90.                         <hr width="96%">
  91.                         <table width="99%" border="0" cellspacing="5" cellpadding="0">
  92.                             <tr>
  93.                                 <td width="136"><img src="images/news/hiking.jpg" alt="" height="125" width="136" border="0"></td>
  94.                                 <td valign="top">
  95.                                     <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>
  96.                                         <br>
  97.                                         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>
  98.                                 </td>
  99.                             </tr>
  100.                         </table>
  101.                         <hr width="96%">
  102.                     </td>
  103.                     <td rowspan="2" valign="top" bgcolor="#dbdbdb" width="216">
  104.                         <div align="center">
  105.                             <p><img src="images/links/cityofdryden.jpg" alt="" height="55" width="120" border="0"></p>
  106.                             <p></p>
  107.                             <p><img src="images/links/ontario.gif" alt="" height="52" width="121" border="0"></p>
  108.                             <p></p>
  109.                             <p><img src="images/links/employmentontario.gif" alt="" height="41" width="126" border="0"></p>
  110.                         </div>
  111.                     </td>
  112.                 </tr>
  113.                 <tr>
  114.                     
  115.                 </tr>
  116.             </table>
  117.             <p></p>
  118.         </div>
  119.     </body>
  121. </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.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • DeadBolt
  • Novice
  • Novice
  • No Avatar
  • Joined: May 12, 2005
  • Posts: 31
  • Status: Offline

Post October 19th, 2007, 8:15 am

Thanks so much Bogey!

You saved me a ton of time.
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post October 19th, 2007, 11:05 am

DeadBolt wrote:
Thanks so much Bogey!

You saved me a ton of time.


No problem :D
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Page 1 of 1

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 161 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.