Hi,
Well, that page is different from the main page which had the form stuff in the page. So, I have fixed it, but I will have to explain some things.
I saw that you had the itemheight in the main menu set to 40px when the actual item images are only 30. When you put that 40 px in there that is going to change how all the things work, with regard to the form and the date as to placement as the form and the date are not images. It also means that the submenus are opening what looks like 10px down from the main menu. If you had the 40px because of where you wanted the menu to be placed [that is what I assumed, but assuming isn't the best thing, anyway...] using that assumption, I made some changes, got the menu to be in the same place
and got it to look the same in FF and IE7. So, try pasting this as your menu table and see if this works.
Code: Select all
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="right" valign="top"><img src="http://www.hsghanau-handball.de/menu/images/navi_links.png" border="0"></td>
<td align="center" valign="top">
<SCRIPT>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible="true";
orientation="horizontal";
position="relative";
itemwidth="120";
itemheight="34";
align="center";
rawcss="background-image:url(http://www.hsghanau-handball.de/menu/images/leer.png);background-repeat:repeat-x;";
zindex="9";
aI("showmenu=Aktive;image=http://www.hsghanau-handball.de/menu/images/aktive.png;overimage=http://www.hsghanau-handball.de/menu/images/aktive_hover.png;imagealign=center;imageposition=top;");
aI("showmenu=Jugend;image=http://www.hsghanau-handball.de/menu/images/jugend.png;overimage=http://www.hsghanau-handball.de/menu/images/jugend_hover.png;imagealign=center;imageposition=top;");
aI("showmenu=Infos;image=http://www.hsghanau-handball.de/menu/images/infos.png;overimage=http://www.hsghanau-handball.de/menu/images/infos_hover.png;imagealign=center;imageposition=top;");
aI("showmenu=Links;image=http://www.hsghanau-handball.de/menu/images/links.png;overimage=http://www.hsghanau-handball.de/menu/images/links_hover.png;imagealign=center;imageposition=top;");
aI("showmenu=Interaktiv;image=http://www.hsghanau-handball.de/menu/images/interaktiv.png;overimage=http://www.hsghanau-handball.de/menu/images/interaktiv_hover.png;imagealign=center;imageposition=top;");
aI("valign=top;text=`<form style='margin:0px;padding-top:5px;padding-right:5px;padding-bottom:7px;padding-left:5px' method='get' action='http://search.atomz.com/search/'><input size='25' name='sp_q' value='Suche' onblur='if(!this.value) this.value = this.defaultValue;' onKeyPress='return submitenter(this,event)'><input type='hidden' name='sp_a' value='sp10046190'><input type='hidden' name='sp_p' value='all'><input type='hidden' name='sp_f' value='ISO-8859-1'></form>`;type=form;");
aI("valign=middle;padding='1px 7px 5px 5px';text='+getMilonicDate()+';align=center;type=clock;itemwidth=68;");
}drawMenus();
</SCRIPT>
</TD>
<TD vAlign=top><IMG
src="navi_rechts.png"
border=0></TD></TR> <TR>
<TD vAlign=top align=right colspan=3><IMG
src="transparent.gif" border=0 height=8 width=1></TD>
</TR></TABLE>
Note that what I did was to add a table row below the one with the menu and inserted a transparent gif set to height=8. This along with the itemwidth=34 seems to place the menu correctly in IE6, 7, FF1.5, 2.0.0.18, 3.0.8, NN7.2, 9, Opera 9.5, 10, GoogleChrome 1+ the only one that has a problem is Safari for pc 4.0.4. I don't have the newest FF yet, am trying to figure how to get it without losing what I have. Anyway, try that and let me know if it is OK. If it isn't, I'll need to see the page on the web again, that's one problem with working on the desktop, sometimes it looks OK until it's on the web.
Ruth