Menu
I have an intranet here at work where I am using an index page that has the content pages in an iframe, so I can keep my menus from always reloading. Well for some reason in IE 7 my code I use to dynamically size the page doesn’t want to work. I think this has something to do with my CSS code I am generating with JavaScript, and was wondering if anyone knew a work around for this.
Attaching the code, Thanks in advance.
Marc
<%@ Register TagPrefix=”componentart” Namespace=”ComponentArt.Web.UI” Assembly=”ComponentArt.Web.UI” %>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>Burr & Forman – Intranet</title>
<link href=”baseStyle.css” type=”text/css” rel=”stylesheet”>
<link href=”menuStyle.css” type=”text/css” rel=”stylesheet”>
<style type=”text/css”>
.Myframe {min-height:expression(document.body.clientHeight – 38 + “px”);}
.style1 {
font-size: 14px;
font-weight: bold;
color: #FFFF00;
}
</style>
</head>
<body style=”min-height:100%;width:100%;margin:0px;”>
<FORM style=”margin:0px;padding:0px; ” method=GET action=”
<div style=”left:0px;min-height:10px;width:100%;”>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#081527″>
<tr>
<td width=”150px” style=”text-align:center;”>
<a href=”
Search</a>
</td>
<td style=”color:#FFFFFF;text-align:right;”>
<%
dim dtmDate as datetime
dtmDate = datetime.now()
response.Write(dtmdate.tostring(“MMMM dd, yyyy”))
%>
</td>
</tr>
<tr>
<td class=”Home”>
<a href=”
</td>
<td>
<ComponentArt:Menu id=”TopMenu” width=”100%” CssClass=”TopMenuBar”
DefaultGroupCssClass=”TopMenuGroup” SiteMapXmlFile=”topmenuData.xml”
DefaultItemLookID=”TopItemLook” DefaultGroupItemSpacing=”1″ ExpandDelay=”100″
ImagesBaseUrl=”images/” EnableViewState=”false” runat=”server”>
<ItemLooks>
<ComponentArt:ItemLook LookID=”TopItemLook” CssClass=”TopMenuItem”
HoverCssClass=”TopMenuItemHover” ActiveCssClass=”TopMenuItemActive”
ExpandedCssClass=”TopMenuItemExpanded” LabelPaddingLeft=”5″
LabelPaddingRight=”15″ LabelPaddingTop=”3″ LabelPaddingBottom=”3″ />
</ItemLooks>
</ComponentArt:Menu>
</td>
</tr>
</table>
</div>
<script language=”javascript”>
document.writeln(‘<div style=”left:0px?43px;background-color:#081527;width:150px;position:absolute;min-height:’ + (document.body.clientHeight – 42) + ‘px”>’);
</script><br>
<center><font color=”#FFFFFF”><strong>Daily Links</strong></font></center><br>
<ComponentArt:Menu id=”Menu” CssClass=”MenuBar” width=”150px” Orientation=”vertical”
DefaultGroupCssClass=”MenuGroup” SiteMapXmlFile=”menuData.xml”
DefaultItemLookID=”DefaultItemLook” DefaultGroupItemSpacing=”1″ ExpandDelay=”100″
ImagesBaseUrl=”images/” EnableViewState=”false” runat=”server”>
<ItemLooks>
<componentart:ItemLook HoverCssClass=”TopItemHoverNo” LookId=”TopItemNo”
CssClass=”TopItemNo” ActiveCssClass=”TopItemActiveNo”
ExpandedCssClass=”TopItemExpandedNo”></componentart:ItemLook>
<componentart:ItemLook HoverCssClass=”TopItemHover” LookId=”TopItemLook”
CssClass=”TopItem” ActiveCssClass=”TopItemActive”
ExpandedCssClass=”TopItemExpanded”></componentart:ItemLook>
<ComponentArt:ItemLook LookID=”DefaultItemLook” CssClass=”MenuItem”
HoverCssClass=”MenuItemHover” ActiveCssClass=”MenuItemActive”
ExpandedCssClass=”MenuItemExpanded” LabelPaddingLeft=”5″
LabelPaddingRight=”15″ LabelPaddingTop=”3″ LabelPaddingBottom=”3″ />
</ItemLooks>
</ComponentArt:Menu>
<br><Br><br>
<center>
<!– Search Google –>
<input type=hidden name=ie value=iso-8859-1>
<input type=hidden name=oe value=iso-8859-1>
<INPUT style=”margin-bottom:6px; ” TYPE=text name=q size=19 maxlength=255 value=””><br>
<INPUT type=submit name=btnG VALUE=”Search Google”>
<!– Search Google –>
</center>
</div>
<script language=”javascript”>
document.writeln(‘<div style=”left:151px;top:43px;width:’ + (document.body.clientWidth – 155) + ‘px;background-color:white;position:absolute;min-height:’ + (document.body.clientHeight – 45) + ‘px”>’);
</script>
<iframe id=”MainFrame” height=”100%” width=”100%” name=”MainFrame” src=”main.aspx”>
Your browser does not support IFRAMES, please contact Help Desk.
</iframe>
</div>
</form>
</body>
</html>