Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:56
Menu shifts in IE but isok in FF and Opera
Poster: R0Bzombie
Dated: Friday August 25 2006 - 19:56:54 BST
as you can see on my test page http://www.r0bzombie.com/test/ the menu is shift in IE but is ok in Opera and FF.
I don't know about MAC browsers.
Thank you
Poster: Ruth
Dated: Sunday August 27 2006 - 6:00:43 BST
Hi,
Well, I think there will be problems as time goes on depending on browser. For whatever reason IE is saying, OK table is 770, but then they say this cell is 578, so we'll use the align=middle and align it based on the 578 width, whereas the other browsers are saying, table is 770, and no matter if it says width=578, that cell has to be 770 since it spans the table and so they put it in the center based on align middle.
My suggestion is you use this
Code:
<TABLE class=mainbody cellSpacing=0 cellPadding=0 width=770 align=center
border=0>
<TBODY>
<TR>
<TD><IMG src="title.gif" width=770></TD>
<TR>
<TD background=table_bg.gif
bgColor=#efedde align="center"><center><table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td> <SCRIPT src="mainmenu.js" type=text/javascript></SCRIPT></td>
</tr>
</table></center>
</TD></TR>
<TR>
<TD><IMG src="bottom.gif" width=770> </TD></TR></TBODY></TABLE><!-- **** End Title And Menu -->
border=0>
<TBODY>
<TR>
<TD><IMG src="title.gif" width=770></TD>
<TR>
<TD background=table_bg.gif
bgColor=#efedde align="center"><center><table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td> <SCRIPT src="mainmenu.js" type=text/javascript></SCRIPT></td>
</tr>
</table></center>
</TD></TR>
<TR>
<TD><IMG src="bottom.gif" width=770> </TD></TR></TBODY></TABLE><!-- **** End Title And Menu -->
You'll note that what I did was put a single cell table in that original table cell with no width specified, and used align="center" and center tags [I always use center tags, though I guess they are being phased out]
Anyway, that will make the menu always be in the center, since it is relatively positioned inside that little table and that little table is centered in that table cell. Hope that helps.
Ruth
Poster: R0Bzombie
Dated: Sunday August 27 2006 - 8:39:38 BST
Thank you Ruth, it's workinglikea charm.
The only thing left is,in opera it's doing like on the screenshot.
it's still the same website http://www.r0bzombie.com/test/
Thank you very much