mopperle
Junior Member
Posts: 4
Registered: 3/5/2006
Member Is Offline
|
| posted on 3/18/2006 at 10:36 PM |
|
|
problem with frame centered menu in IE
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
Administrator
Posts: 1926
Registered: 6/17/2002
Location: US, CO
Member Is Offline
|
| posted on 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
Junior Member
Posts: 4
Registered: 3/5/2006
Member Is Offline
|
| posted on 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
Junior Member
Posts: 4
Registered: 3/5/2006
Member Is Offline
|
| posted on 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
|
|
|