Java menu postion in nested tables...problems.

**nev_payne** · 03-10-2006, 05:31 PM

If we put our menu in it's own table it works fine. However, if we put it in a cell below another object, or nest it inside another table, the position is incorrect. Well, it works ok in Firefox but not Internet Explorer. It seems as though the offset top isn't being calculated correctly in IE.

E.g. this works fine:

Code:

<BODY>
<div align="center">
<table>
   <tr>
     <td>
        --Menu javascript code here-- 
     </td>
   </tr>
</table> 
</body>

As does this:

Code:

<body>
<div align="center">
<table>
     <tr>
          <td>
                --Some Picture goes here --- 
         </td>
     </tr>
</table> 
<table>
     <tr>
         <td>
         --Menu Code Goes Here--
         </td>
     </tr>
</table> 
</BODY>

But in a nested table it doesn't line up correctly:

Code:

<body>
<div align="center">
<table>
     <tr>
          <td>
          <table>
                 <tr>
                     <td>
                     --Some Picture goes here --- 
                     </td>
                </tr>
          </table> 
          <table>
                  <tr>
                      <td>
                     --Menu Code Goes Here--
                      </td>
                  </tr>
            </table> 
        </td>
     </tr>
</table>

</BODY>

Any ideas how to fix it? We've tried setting table and cell heights/cell paddings etc but still doesnt work correctly.

Thanks.

**nev_payne** · 06-10-2006, 10:26 AM

any ideas all?

**stytagm** · 06-10-2006, 06:27 PM

I assume you have a good reason for wanting to nest the tables and that your example above is simplified? Other wise the obvious answer is "don't nest the tables".

Unfortunately the serious answer is not only "Don't nest tables", but also "Don't use tables at all for layout, AND DEFINATELY DON'T NEST TABLES". It's Yukky, honestly. Use a Div instead.

Assuming you know this, and you've got some kind of tabular arrangement of images and menus (could happen) have you considered putting divs inside the table? Something like:

Code:

<body>
<div align="center">
<table>
     <tr>
          <td>
             <div style="some styling stuff">
                --Some Picture goes here --- 
             </div>
          </td>
     </tr>
     <tr>
        <td>
           <div style="some styling bits and bobs">
              --Menu Code Goes Here--
           </div>
        </td>
     </tr>
</table>

</BODY>

But better would be

Code:

<body>
<div> <!-- Style this divs to fill the whole space -->
   <div> <!-- style these divs to where you want your menu and picture -->
      -- some picture --
   </div>
   <div>
      -- some menu --
   </div>

</div>
</body>

Failing that, there are some bugs in IE's box model, see here: http://en.wikipedia.org/wiki/Interne..._box_model_bug

**Kezzer** · 18-10-2006, 07:46 AM

Also, it may be best that you change the topic to "JavaScript" as opposed to "Java". They're two different languages

**mike_w** · 18-10-2006, 04:33 PM

Yeah, Java in web pages is normally horrid. There again, I'm not a huge fan of people using Javascript all the time (obviously, there are some places where it is suitable). In particular, I would caution again using Javascript for navigation - this means that if somebody doesn't have Javascript, they can't see the menu, which is normally a pretty crucial part of the site.

Thread: Java menu postion in nested tables...problems.

LinkBack

Thread Tools

Java menu postion in nested tables...problems.

Thread Information

Users Browsing this Thread

Similar Threads

My experience with Windows XP Pro x64 Edition

Menu problems

Java Problems

Posting Permissions