How do I fix an existing nested table layout?

Posted on 2008-11-09
Medium Priority
Last Modified: 2012-05-05
Somewhere along the way my webpage has gone wonky.  The left navigation table has moved to the lower left portion of the page so now there is a big white gap. I created the page from a template and do not know how to repair nested tables.  I have tried various programs to "move" the table back up (Dreamweaver, Frontpage, Firstpage 6000) and nothing is working. It is likely that someone who designs could easily look at this and notice a missing or extra tag but it is beyond me. Hope someone can assist me as the thought of attempting to redo this is overwhelming:(
Question by:Kimmy100700
LVL 15

Accepted Solution

quincydude earned 500 total points
ID: 22919588
The temporarily solution is to modify this bit
<td bgcolor="white" width="148" valign="top">

<body bgcolor="#FFFFFF">
<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" id="shell" height="250" width="1000">
  <tr height="50">
    <td colspan="2" bgcolor="white"> 
      <table title="Banner" id="banner" border="0">
          <td><img src="images/banner.jpg" ALIGN=left width="100%"></td>
    <td bgcolor="white" width="148" valign="top"> 

Open in new window


Assisted Solution

lpxtech earned 500 total points
ID: 22919604

I found the issue.

The height of the content column has grown much taller than the height of your navigation.

On line 23,

Find: <td bgcolor="white" width="148">
Replace with: <td bgcolor="white" width="148" valign="top">

Added the valign="top" to bring it back to the top.

If this does not work, use style="vertical-align: top" instead of valign="top"

Hope this helps.

Author Closing Comment

ID: 31514951
Thank you so much!

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question