Board Logo

problem with frame centered menu in IE
mopperle - 3/18/2006 at 10:36 PM

I set up a page with 3 frames:

top = Banner
middle = menu
bottom = contentent

I put the menu in a table with a centered cell, code like this:
-----------------------------------------
<html>
<head>
<title>Tigra Menu Test</title>
<script language="JavaScript" src="menu_files/menu.js"></script>
<script language="JavaScript" src="menu_files/items.js"></script>
<script language="JavaScript" src="menu_files/template.js"></script>
<link rel="stylesheet" href="menu_files/menu.css">
<base target="Hauptframe">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr align="center">
<td><script language="JavaScript">
var frameset = [
['Navigationsframe'],
['Hauptframe']
]
new menu (MENU_ITEMS, MENU_TPL, {'frames' : frameset});
</script></td>
</tr>
</table>


</body>
</html>
----------------------------------------------

in the content page I used the code:
----------------------------------------------
<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script language="JavaScript" src="menu_files/menu.js"></script>
<script language="JavaScript" src="menu_files/items.js"></script>
<script language="JavaScript" src="menu_files/template.js"></script>
<link rel="stylesheet" href="menu_files/menu.css">
<base target="Hauptframe">
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td align=center><script language="JavaScript">
new menu (MENU_ITEMS, MENU_TPL);
</script></td>
</tr>
</table>

</body>

</html>
----------------------------------------

Now everything works fine with Firefox, but in IE the frame overlapping dropdown menu is still left oriented.

I have no idea about the problem. Can anybody help?

Thanks,
Otto


tigra - 3/19/2006 at 04:12 PM

The menu in the slave frame must be initialized just above the </body> tag. The menu there is positioned by the master copy, not relatively to local HTML elements.


mopperle - 3/19/2006 at 07:13 PM

I'm not sure that I understand you right:
I put the initialization in the content (slave)frame between the tags <body> and </body>. Below the original code. But why does it work in Firefox but not in Internet Explorer?
-------------------------------------------------------
<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script language="JavaScript" src="menu_files/menu.js"></script>
<script language="JavaScript" src="menu_files/items.js"></script>
<script language="JavaScript" src="menu_files/template.js"></script>
<link rel="stylesheet" href="menu_files/menu.css">
<base target="Hauptframe">
</head>


<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td align=center><script language="JavaScript">
new menu (MENU_ITEMS, MENU_TPL);
</script></td>
</tr>
</table>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

</body>

</html>
-------------------------------------------------------


mopperle - 3/19/2006 at 08:50 PM

Found the solution by putting the menu in a table and this table into a centered cell of the other table.

Strange how different code is interpreted by IE and Firefox


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/