SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    Non-Member
    Join Date
    Sep 2005
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    table layout problem

    Have a table layout problem. I normally use tabless layout but was stuck with tables due to client.

    Table1 contains a row & 2 cells. Cells contain the logo & top banner image.
    Table2 contains top nav bar.

    This template is used for multiple pages.

    index.html: This has the problem in ie6. F.F works. The top banner image has a gap between itself & top nav bar.
    Link: http://www.dcmanagement.com/index.html

    funds.html: This has no problem in ie 6. F.F works. The top banner image sits flush with the top nav bar.
    Link: http://www.dcmanagement.com/funds.html

    Relevant part of code in question.

    index.html:

    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="th" height="100%">

    <tr>

    <td rowspan="2" width="147" valign="top" class="tc"><a href="index.html"><img src="img/logo.gif" alt="Development Capital Management Logo" border="0"></a></td>
    <td><img src="img/TOPF_Architecture Plans_mono.jpg" alt="picture" width="100%" height="135" border="0">
    </td>

    </tr>


    </table>


    <table id="topnav" width="100%" border="0" cellpadding="0" cellspacing="0">

    <tr>
    <td width="20" class="toplinks" valign="bottom" style="padding: 25px 0 0px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">&nbsp;</td>


    <td width="20" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">
    <a href="index.html" class="hl">Home</a></td>

    <td width="30" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">
    <a href="funds.html">Funds</a></td>


    <td width="25" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">
    <a href="press.html">News</a></td>

    <!-- <td width="75" class="toplinks" valign="bottom"><a href="keypersonnel.html">Key Personnel</a></td> -->
    <td width="25" class="toplinks" valign="bottom" style="padding: 15px 0 2px 20px"><a href="contact.html">Contact</a></td>

    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>

    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>


    </tr>


    </table>
    <!-- top nav -->

    funds.html:

    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="th" height="100%">

    <tr>

    <td rowspan="2" width="147" valign="top" class="tc"><a href="index.html"><img src="img/logo.gif" border="0" alt="Development Capital Management Logo"></a></td>
    <td><img src="img/TOPF_Architecture Plans_mono.jpg" alt="picture" width="100%" height="135" border="0"></td>

    </tr>


    </table>


    <table id="topnav" width="100%" border="0" cellpadding="0" cellspacing="0">

    <tr>
    <td width="20" class="toplinks" valign="bottom" style="padding: 25px 0 0px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">&nbsp;</td>


    <td width="20" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">
    <a href="index.html">Home</a></td>

    <td width="30" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">
    <a href="funds.html" class="hl">Funds</a></td>

    <td width="25" class="toplinks" valign="bottom" style="padding: 25px 0 2px 20px">
    <a href="press.html">News</a></td>

    <!-- <td width="75" class="toplinks" valign="bottom"><a href="keypersonnel.html">Key Personnel</a></td> -->
    <td width="25" class="toplinks" valign="bottom" style="padding: 15px 0 2px 20px"><a href="contact.html">Contact</a></td>

    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>
    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>

    <td width="20" class="toplinks" valign="bottom" style="padding: 7px 0 2px 20px">&nbsp;</td>


    </tr>


    </table>
    <!-- top nav -->

  2. #2
    SitePoint Addict
    Join Date
    Apr 2007
    Location
    Phoenix, AZ
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello absm1. I compared your html and the only thing I could find was that in the Funds, News and Contact pages html there is an extra </div> towards the end of the code. See right after the "<!-- rc end -->" statement. Other than that I cannot see any differences.
    Joe


Bookmarks

Posting Permissions

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