spw
Member
Posts: 44
Registered: 12/8/2005
Location: Australia
Member Is Offline
|
| posted on 9/8/2007 at 01:36 AM |
|
|
Problem with Internet Explorer and centering menus
Header fame has menu centered (using div=center) - works well.
Child frame (which displays menu overlaps) displays overlaps LEFT in frame despite <center>, <div=center> or any other tricks.
Problems does not appear in Netscape 7.2.
Any ideas?????
Relevant code:
CODE EXTRACT FROM HEADER FRAME
----------------------------------------------
<body bgcolor="#663333">
<center>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="center">
<p align="center"><font color="#FFFFFF"><i><b><font face="Verdana, Arial, Helvetica, sans-serif"
size="4">XXXXXXXX
Estate</font></b></i></font></p>
<script language="JavaScript">
var MENU_FRAMES = [['topFrame'], ['mainFrame']]
new menu (MENU_ITEMS, MENU_TPL, {'frames' : MENU_FRAMES});
</script>
</div>
</td>
</tr>
</table>
</center>
</body>
CODE EXTRACT FROM CHILD FRAME
--------------------------------------------
<body bgcolor="#663333">
<div align="center">
<script language="JavaScript">
menu (MENU_ITEMS, MENU_TPL);
</script>
<table width="800" border="0" cellspacing="0" cellpadding="0" height="419">
<tr>
<td bgcolor="#FFFFCC" align="center" valign="top">
<div align="center">
<p> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%"> </td>
<td width="51%"><img src="images/wg-01.jpg" width="418" height="358">
</td>
<td width="1%"> </td>
<td width="43%">
<p><font color="#663333"><b>XXXXXXXXXXXXXXXXXXXXXX</b></font></p>
</td>
<td width="4%> </td>
</tr>
</table>
<p>This site currently under construction - please visit again soon...</p>
<p> </p>
</div>
</td>
</tr>
</table>
</div>
</body>
|
|
|
|