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:
As does this:Code:<BODY> <div align="center"> <table> <tr> <td> --Menu javascript code here-- </td> </tr> </table> </body>
But in a nested table it doesn't line up correctly: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>
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.


LinkBack URL
About LinkBacks
Reply With Quote
