• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 722
  • Last Modified:

ASP:MENU Strange behaviour in Internet Explorer 11.0.9600.16476CO

Hi Experts,

I've been quite happily coding my new website and testing it using Firefox and Safari but until now had not tried running it in Internet Explorer  (queue groans)  as I did not think that there would be any significant difference, apparently there is.
I am using an asp:menu for navigation which is contained within my site.master and coded as follows:

<div class="clear hideSkiplink" style="background-color: #000000">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
                    EnableViewState="False" IncludeStyleBlock="False" Orientation="Horizontal" 
                    BackColor="#000000" DynamicHorizontalOffset="2" Font-Names="Verdana" 
                    Font-Size="0.6em" ForeColor="#7C6F57" StaticSubMenuIndent="10px">
                    <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
                    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                    <DynamicMenuStyle BackColor="#F7F6F3" />
                    <DynamicSelectedStyle BackColor="#5D7B9D" />
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/SolutionsAndServices.aspx" Text="Services" 
                            ToolTip="Solutions and Services" Value="Services"></asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/TrainingPrograms.aspx" Text="Programs" 
                            Value="Programs"></asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/FAQ.aspx" Text="FAQ" 
                            ToolTip="Frequently asked questions" Value="FAQ"></asp:MenuItem>
                        <asp:MenuItem Text="Personal Trainers" ToolTip="Who are we?" Value="Trainers">
                            <asp:MenuItem Text="Brussels" Value="Brussels">
                            </asp:MenuItem>
                            <asp:MenuItem Text="Leicester" Value="Leicester">
                            </asp:MenuItem>
                        </asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/Account/MemberPages/MembersOnly.aspx" 
                            Text="Members Area" Value="Members Area" 
                            ToolTip="Click here for main members area">
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/MembersOnly.aspx?ForceEdit=True" 
                                Text="Update Profile" ToolTip="Update personal information" 
                                Value="Update Profile"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/PARQ.aspx" Text="Update PARQ" 
                                ToolTip="Update the answers you gave on your Physical Activity Readiness form" 
                                Value="Update PARQ"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/UpdateEquipmentInventory.aspx" 
                                Text="Update Gear" ToolTip="Update the equipment you have available" 
                                Value="Update Gear"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/PaymentPromptDetails.aspx" 
                                Text="Topup" ToolTip="Topup your Fit Franks" Value="Topup"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/ClientStatement.aspx" 
                                Text="Statement" ToolTip="View a statement of all transactions" 
                                Value="Statement"></asp:MenuItem>
                        </asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/NewsAndTips.aspx" Text="News &amp; Tips" 
                            Value="NewsAndTips"/>
                        <asp:MenuItem NavigateUrl="~/Legal.aspx" Text="Legal Stuff" 
                            Value="Legal Stuff"></asp:MenuItem>
                    </Items>
                    <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" />
                    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                    <StaticSelectedStyle BackColor="#5D7B9D" />
                </asp:Menu>
            </div>

Open in new window


The classes referred to above are shown here from my css:

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
    max-width:100%;
}

div.menu
{
    background-color:black;
    padding: 1px 0px 0px 1px;
    max-width:100%;
    font-size:small;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    max-width:100%;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: black;
    border: 1px black solid;
    color: #dde4ec;
    display: block;
    line-height: 1.5em;
    padding: 4px 4px;
    text-decoration: none;
    white-space: nowrap;
    max-width:100%;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
    max-width:100%;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    max-width:100%;
}

Open in new window



Now I have stated that the Orientation in the menu should be horizontal and Firefox and Safari on iphone both respect this but Internet Explorer does not. (See Attachments)

Can someone tell me what to do to fix this so that it looks the same on both... preferably the way it already looks on Firefox as I'm quite happy with that!
FirefoxMenuDisplay.jpg
IEMenuDisplay.jpg
0
GYMM8
Asked:
GYMM8
  • 6
  • 5
1 Solution
 
GYMM8Author Commented:
Thanks, quite suprised no-one had made a comment as the asp:menu must be a common control that is used I would have thought
0
 
Alan WarrenApplications DeveloperCommented:
Hi GYMM8

I can't reproduce the issue here, don't have the same version of IE as you but it works fine in the version I do have.
Snapshot of ASP Menu in IE 10.x
Respectfully yours,
Alan
0
 
GYMM8Author Commented:
Okay here is my full css. Can you try with these settings:

/* DEFAULTS
----------------------------------------------------------*/
html
{
    background-color:Black;
    margin-top: 1%;
    margin-left:30%;
    width:800px;
    position:fixed;
}
#site 
{
  background-color:Black;
  width:100%;
  height:100%;    
}
#container
{
    background-color:Black;
    width:100%;
    height:100%; 
}
#wrapper
{
   height: 100%;
   width:100%;
   margin:0 auto;
   text-align:center;
   position: absolute;
   background-color:black;
}
body   
{
    background: #313131;
    font-size: .6em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #313131;
    width: 100%;
    height: 100%;
    background-color: #313131;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.5em;
    font-size: 1.1em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.2em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.8em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.3em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 0.8em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
*{
   margin:0;
   padding:0;
}
.page
{
    width:100%;
    height: 100%;
    background-color: #313131;
    margin: 5px auto 0px auto;
    border: 1px solid #496077;
    max-width:800px;
    min-width:220px;
    max-height:100%;
    min-height:800px;
    text-align:center;
    overflow:auto;
}
.header
{
    position: relative;
    margin: 1px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
    top: 0px;
    left: 0px;
    max-width:100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 1.5em;
    font-size:5em;
    max-width:100%;
}

.main
{
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 100%;
    width:100%;
    max-width:100%;
    background-color:#313131;
}

.leftCol
{
    padding: 0px 0px;
    margin: 1px 1px 1px 1px;
    width: 3%;
    background-color:#313131;
}
.rightcol
{
    padding: 0px 0px;
    margin: 0x 0px 0px 0px;
    width: 3%;
    background-color:#313131;
}

.footer
{
    color: #313131;
    padding: 8px 0px 0px 0px;
    margin: 2px auto;
    text-align: center;
    line-height: normal;
}

.style1
{
    width: 50%;
    height: 15%;
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
    max-width:100%;
}

div.menu
{
    background-color:black;
    padding: 1px 0px 0px 1px;
    max-width:100%;
    font-size:small;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    max-width:100%;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: black;
    border: 1px black solid;
    color: #dde4ec;
    display: block;
    line-height: 1.5em;
    padding: 4px 4px;
    text-decoration: none;
    white-space: nowrap;
    max-width:100%;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
    max-width:100%;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    max-width:100%;
}

/* FORM ELEMENTS   - Went this far
----------------------------------------------------------*/
fieldset
{
    width: 100%;
    height: 100%;
    max-height:100%;
    max-width:100%;
}   
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 1px 6px 5px 5px;
    width: 100%;
    height:100%;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 0.8em;
    font-weight: 600;
    padding: 1px 2px 4px 2px;
}

input.textEntry 
{
    width: 90%;
    height: auto;
    font: 1em;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 90%;
    height: auto;
    font: 1em;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 100%;
    height: 100%;
    max-height:100%;
    max-width:100%;
    line-height:0.8cm;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
    height: 31px;
    width: 74%;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: 36%;
    height: 138px;
    margin-left:1%;
}

.loginDisplay
{
    font-size: Small;
    display: block;
    text-align: center;
    padding: 1px;
    color: White;
    margin-right:1%;
    float:right;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 0.8em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: left;
    padding-left: 1px;
}
.MemberFormView
{
    text-align: justify;
    line-height:30px;
    font-size: medium;
}
.PARQFormView
{
    text-align: left;
    line-height:25px;
    font-size: x-small;
    background-color:#313131;
    }
.MemberformLabel
{
    width: 30%;
}
.MemberformTextBox
{
    width: 30%;
}
.PaymentPromptFormView
{
    text-align: left;
    line-height: 13px;
}
.FormviewItemtemplate
{
     right:80px;
}
.modalPopup {
    background:#fff;
    border:3px solid gray;
    padding:3px;
    position:relative;
    width:30%;
    height:30%;
    margin: 0 10%;
}
.ListBox
{
    width:200px;

Open in new window

}
0
Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

 
Alan WarrenApplications DeveloperCommented:
Hi GYMM8,

thanks for that, it renders a little different than previously, menu is now centered on the page, but still horizontal here.
Q_28391942-Snapshot-with-full-cssTry isolating the issue, create a new page, one that does not inherit any master pages or site themes etc...; and see if the issue persists, the following is what I used, if the stand-alone page renders ok in IE, then the problem is not IE specific, would be nice to rule that one out.
<%@ Page Language="VB" %>

<!DOCTYPE html>

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
  <style type="text/css">

/* DEFAULTS
----------------------------------------------------------*/
html
{
    background-color:Black;
    margin-top: 1%;
    margin-left:30%;
    width:800px;
    position:fixed;
}
#site 
{
  background-color:Black;
  width:100%;
  height:100%;    
}
#container
{
    background-color:Black;
    width:100%;
    height:100%; 
}
#wrapper
{
   height: 100%;
   width:100%;
   margin:0 auto;
   text-align:center;
   position: absolute;
   background-color:black;
}
body   
{
    background: #313131;
    font-size: .6em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #313131;
    width: 100%;
    height: 100%;
    background-color: #313131;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.5em;
    font-size: 1.1em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.2em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.8em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.3em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 0.8em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
*{
   margin:0;
   padding:0;
}
.page
{
    width:100%;
    height: 100%;
    background-color: #313131;
    margin: 5px auto 0px auto;
    border: 1px solid #496077;
    max-width:800px;
    min-width:220px;
    max-height:100%;
    min-height:800px;
    text-align:center;
    overflow:auto;
}
.header
{
    position: relative;
    margin: 1px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
    top: 0px;
    left: 0px;
    max-width:100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 1.5em;
    font-size:5em;
    max-width:100%;
}

.main
{
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 100%;
    width:100%;
    max-width:100%;
    background-color:#313131;
}

.leftCol
{
    padding: 0px 0px;
    margin: 1px 1px 1px 1px;
    width: 3%;
    background-color:#313131;
}
.rightcol
{
    padding: 0px 0px;
    margin: 0x 0px 0px 0px;
    width: 3%;
    background-color:#313131;
}

.footer
{
    color: #313131;
    padding: 8px 0px 0px 0px;
    margin: 2px auto;
    text-align: center;
    line-height: normal;
}

.style1
{
    width: 50%;
    height: 15%;
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
    max-width:100%;
}

div.menu
{
    background-color:black;
    padding: 1px 0px 0px 1px;
    max-width:100%;
    font-size:small;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    max-width:100%;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: black;
    border: 1px black solid;
    color: #dde4ec;
    display: block;
    line-height: 1.5em;
    padding: 4px 4px;
    text-decoration: none;
    white-space: nowrap;
    max-width:100%;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
    max-width:100%;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    max-width:100%;
}

/* FORM ELEMENTS   - Went this far
----------------------------------------------------------*/
fieldset
{
    width: 100%;
    height: 100%;
    max-height:100%;
    max-width:100%;
}   
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 1px 6px 5px 5px;
    width: 100%;
    height:100%;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 0.8em;
    font-weight: 600;
    padding: 1px 2px 4px 2px;
}

input.textEntry 
{
    width: 90%;
    height: auto;
    font: 1em;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 90%;
    height: auto;
    font: 1em;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 100%;
    height: 100%;
    max-height:100%;
    max-width:100%;
    line-height:0.8cm;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
    height: 31px;
    width: 74%;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: 36%;
    height: 138px;
    margin-left:1%;
}

.loginDisplay
{
    font-size: Small;
    display: block;
    text-align: center;
    padding: 1px;
    color: White;
    margin-right:1%;
    float:right;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 0.8em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: left;
    padding-left: 1px;
}
.MemberFormView
{
    text-align: justify;
    line-height:30px;
    font-size: medium;
}
.PARQFormView
{
    text-align: left;
    line-height:25px;
    font-size: x-small;
    background-color:#313131;
    }
.MemberformLabel
{
    width: 30%;
}
.MemberformTextBox
{
    width: 30%;
}
.PaymentPromptFormView
{
    text-align: left;
    line-height: 13px;
}
.FormviewItemtemplate
{
     right:80px;
}
.modalPopup {
    background:#fff;
    border:3px solid gray;
    padding:3px;
    position:relative;
    width:30%;
    height:30%;
    margin: 0 10%;
}
.ListBox
{
    width:200px;
} 
  </style>

</head>
<body>
  <form id="form1" runat="server">
    <div class="clear hideSkiplink" style="background-color: #000000">
      <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />


<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" Width="100%"
                    EnableViewState="False" IncludeStyleBlock="False" Orientation="Horizontal" 
                    BackColor="#000000" DynamicHorizontalOffset="2" Font-Names="Verdana" 
                    Font-Size="0.6em" ForeColor="#7C6F57" StaticSubMenuIndent="10px">
                    <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
                    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                    <DynamicMenuStyle BackColor="#F7F6F3" />
                    <DynamicSelectedStyle BackColor="#5D7B9D" />
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/SolutionsAndServices.aspx" Text="Services" 
                            ToolTip="Solutions and Services" Value="Services"></asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/TrainingPrograms.aspx" Text="Programs" 
                            Value="Programs"></asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/FAQ.aspx" Text="FAQ" 
                            ToolTip="Frequently asked questions" Value="FAQ"></asp:MenuItem>
                        <asp:MenuItem Text="Personal Trainers" ToolTip="Who are we?" Value="Trainers">
                            <asp:MenuItem Text="Brussels" Value="Brussels">
                            </asp:MenuItem>
                            <asp:MenuItem Text="Leicester" Value="Leicester">
                            </asp:MenuItem>
                        </asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/Account/MemberPages/MembersOnly.aspx" 
                            Text="Members Area" Value="Members Area" 
                            ToolTip="Click here for main members area">
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/MembersOnly.aspx?ForceEdit=True" 
                                Text="Update Profile" ToolTip="Update personal information" 
                                Value="Update Profile"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/PARQ.aspx" Text="Update PARQ" 
                                ToolTip="Update the answers you gave on your Physical Activity Readiness form" 
                                Value="Update PARQ"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/UpdateEquipmentInventory.aspx" 
                                Text="Update Gear" ToolTip="Update the equipment you have available" 
                                Value="Update Gear"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/PaymentPromptDetails.aspx" 
                                Text="Topup" ToolTip="Topup your Fit Franks" Value="Topup"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Account/MemberPages/ClientStatement.aspx" 
                                Text="Statement" ToolTip="View a statement of all transactions" 
                                Value="Statement"></asp:MenuItem>
                        </asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/NewsAndTips.aspx" Text="News &amp; Tips" 
                            Value="NewsAndTips"/>
                        <asp:MenuItem NavigateUrl="~/Legal.aspx" Text="Legal Stuff" 
                            Value="Legal Stuff"></asp:MenuItem>
                    </Items>
                    <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" />
                    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                    <StaticSelectedStyle BackColor="#5D7B9D" />
                </asp:Menu>

      </div>
  </form>
</body>
</html>

Open in new window

Respectfully yours,
Alan
0
 
GYMM8Author Commented:
Hi Alan,

Thanks for your efforts to date

Created new page using your code above and:

Snapshot
So I'm guessing that this is IE11 issue then?

This is quite annoying!

Cheers

Steve
0
 
Alan WarrenApplications DeveloperCommented:
Hi Steve,
I suspect it is an IE 11 issue then.
Been putting it off for a while, got a painfully slow wireless internet connection here, but currently downloading 2.7gig of Win8.1 upgrade; remember when windows used come on a couple of floppy disks?

Recently had an issue with IE not accepting a width%, just would not apply/inherit the width as a percent, but if I put in a static width in pixels it was happy. Used IE developer tools to examine the inherited css and verify that the width was not being applied, F12 if you have the dev tools installed.

Respectfully yours,
Alan
0
 
Alan WarrenApplications DeveloperCommented:
Hi Steve,
Still can't reproduce the issue in IE 11.x
Snapshot Q_28368497-IE11.jpg
Respectfully yours,
Alan
0
 
GYMM8Author Commented:
Okay it's either incompatibility between Windows 7 and IE11 or my Sony Vaio! So no solution but I guess at least I know it will only happen to people who have this particular setup ..... but probably others!
0
 
Alan WarrenApplications DeveloperCommented:
Hi GYMM8,
it's a pain hey!

Who was it that said:
You can please all of the browsers some of time, some of the browsers all of the time, but you can't please all of the browsers all of the time.

Respectfully yours,
Alan
0
 
GYMM8Author Commented:
No solution as yet,we have only determined what it is not
0
 
GYMM8Author Commented:
being pushed into closin this as no-one else can create problem
0
 
Andrew PhillipsCommented:
I am getting the same problem but only on my published web site. Ie, I preview in browser locally (Expression Web 2) and its fine in all browsers (Chrome, FireFox, IE11). When I publish and view the remote web site in the same browsers it does not look right (Chrome does not put borders around the tabs, and IE11 displays the menu vertically not horizontally). Obviously ASP.net is rendering the code differently for some reason.  Maybe it's an older ASP.net on the server?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 6
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now