Internet Explorer 8

Topics: Developer Forum, User Forum
Aug 6, 2009 at 11:37 AM

When viewing my website using Microsoft Internet Explorer 8 the drop down menus are not visible, could you please tell me on how I can get around this.

Cheers Rob

Aug 6, 2009 at 11:44 AM

Hey,

had the same problem with dynamic menu elements.

there is a web.config section called customHeaders.
you can add a value there indicating to emulate IE7.

 

   <httpProtocol>
       
<customHeaders>
           
<add name="X-UA-Compatible" value="IE=EmultateIE7" />
       
</customHeaders>
   
</httpProtocol>

Aug 6, 2009 at 11:46 AM

Cheers YAT that is great many thanks for your speedy response.

Aug 6, 2009 at 11:55 AM
YAT wrote:

Hey,

had the same problem with dynamic menu elements.

there is a web.config section called customHeaders.
you can add a value there indicating to emulate IE7.

 

   <httpProtocol>
       
<customHeaders>
           
<add name="X-UA-Compatible" value="IE=EmultateIE7" />
       
</customHeaders>
   
</httpProtocol>

 Hi YAT, I have had a look in the web.config file and there is no customHeaders in it, does it matter on where I place your code in the web.config file?

Cheers

Aug 7, 2009 at 12:22 AM

it should be placed in the webserver section. look :

 

<system.webServer>
   
<httpProtocol>
     
<customHeaders>
       
<clear />
       
<add name="X-UA-Compatible" value="IE=EmulateIE7" />
     
</customHeaders>
   
</httpProtocol>
</system.webServer>

anyway, if you have a master page, you can just put this code in the HEAD section of the HTML instead :

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

make sure to place it prior to any other declarations in the head section.

hope i helped.

Aug 24, 2009 at 12:54 AM

Instead of forcing IE8 to emulate IE7 I just changed up the CSS style sheets a bit to provide a much better fix.

More specifically,  in the My Web Pages Starter Kit ... the problem is being caused by a couple of lines in the skin file (located in the App_Themes folder).  This isn't actually a problem with the My Web Pages Starter Kit but it is a problem with the rendering of an ASP.net control in IE8 because IE8 forces standards compliance.  

The CSS needs to be changed up a bit to make it work right.   

To make a long explanation shorter  .... I just addded z-index: 1;  to my Navigation.css stylesheet just like below under these sections: 

Here is what my new Navigation.css file looks like under those sections:

 

div.sublevelwrapper
{
    background-color: #3366ff;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: left top;
z-index: 1;
}

a.sublevel, a.sublevel:link, a.sublevel:active, a.sublevel:visited, a.sublevel:hover { padding: 5px;
display: block;
height: 100%;
width: 100%;
color: #B0CBD7;
z-index: 1;
}

a.sublevel:hover { color: #FFFFFF;
z-index: 1;
}

a.sublevel_selected, a.sublevel_selected:link, a.sublevel_selected:active, a.sublevel_selected:visited, a.sublevel_selected:hover { font-weight: bold;
color: #FFFFFF;
z-index: 1;
}



The reason I did this is because the lines in my skin.skin file were referencing these CSS classes.

This is what my skin.skin file looks like in the navigation section:

<div id="navigation">
                <asp:Menu ID="Menu1" runat="server" DataSourceID="menuDataSource" DynamicHorizontalOffset="0" 
DynamicVerticalOffset="9" StaticEnableDefaultPopOutImage="false"
DynamicEnableDefaultPopOutImage
="false" Orientation="horizontal"> <StaticMenuItemStyle CssClass="nav" /> <StaticSelectedStyle CssClass="nav_selected" /> <DynamicMenuStyle CssClass="sublevelwrapper" /> <DynamicMenuItemStyle CssClass="sublevel" Width="200px" /> <DynamicSelectedStyle CssClass="sublevel_selected" /> </asp:Menu>

It is a problem with ASP.net rendering the Dynamic Menu Styles .... I believe.    This seemed to work for me and this doesn't force everything into emulating IE7.

Nov 2, 2009 at 12:18 PM
Edited Nov 2, 2009 at 12:19 PM

I tried to change the web.config, the meta tag or the stylesheet, but still my hover menu shows white.

I don't want to upgrade to 1.3.0 because i have used a version that has an extension based on a previous version of mwpsk ("PageTheme Selector" for individual skinning and layout at page-level).

Can someone help me with this problem?

Nov 2, 2009 at 12:27 PM

i didnt know, that it is possible to change the theme on pagelevel.

can you tell me, where i can find the instructions für an earlier version than 1.3 - today one of my customers asked me if this would be possible for his website and I think that it would be a good idea to make the same modification for 1.3 as ist is implemented in an earlier version..

Nov 2, 2009 at 12:30 PM
gsk wrote:

I tried to change the web.config, the meta tag or the stylesheet, but still my hover menu shows white.

I don't want to upgrade to 1.3.0 because i have used a version that has an extension based on a previous version of mwpsk ("PageTheme Selector" for individual skinning and layout at page-level).

Can someone help me with this problem?

I fixed the problem.

I had another class name for sublevelwrapper, so i changed it to sublevel and it worked!

Thanks radiolistener! :)

Nov 2, 2009 at 12:32 PM
derstefan wrote:

i didnt know, that it is possible to change the theme on pagelevel.

can you tell me, where i can find the instructions für an earlier version than 1.3 - today one of my customers asked me if this would be possible for his website and I think that it would be a good idea to make the same modification for 1.3 as ist is implemented in an earlier version..

You can find it on http://www.burstmode.de: MWPSKex release #004.