asp.net 2.0 application with Master Page does not display properly under ie7

I have an asp.net 2.0 application which when viewed on internet explorer 7 does not display properly. There is a footer that tends to appear in the middle of the screen, which was previously at the bottom, and also when grids appear and have enough data to scroll down the screen, the footer and the outline of the content page do not move down to accomodate this. I tried some recomendations from the ie7 site, but couldn't get it to work. Also this is specific to one website, others using a similiar setup work fine Any thoughts on where I should look next regarding this

Answer this question

asp.net 2.0 application with Master Page does not display properly under ie7

  • h1

    Hi,

    yes we have tried moving most of the tags around. I'm now experiencing the same problem on another website that has been in development. Previously I though this had something to do with style sheets, but this new page doesn't have one


  • Rick.H

    did you try the site in FireFox or Opera

  • John12312

    This fixed our problem. Remove height of the asp panel! Thanks for your post SHATCHARD.


  • biscuitlad

    You should probably change css attribute height to min-height.
    If You want to support older versions of IE You can add new css stylesheet file.

    More info on the page: http://msdn.microsoft.com/library/default.asp url=/library/en-us/IETechCol/cols/dnexpie/ie7_css_compat.asp

    Regards,

    Dariusz Jankowski


  • praveench2k

    I have tried the site in firefox and it experiences the same display issues that I am having with ie 7. Haven't tried it with opera.
  • wadnerk

    I haven't worked in VS 2005, but in VS 2003, you can go to running documents, then view the page. From there you could copy/paste into a blank html file.

    Going from there, your now looking at HTML - easier to debug, imo.


  • a0-0b

    Thanks for the reply, unfortunately this wasn't the case for us. Here's the Master Page code, in case anything stands out to anyone.

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="WorkOrderMasterPage.master.cs" Inherits="WorkOrderMasterPage" %>

    <%@ Register Src="UserControls/Footer.ascx" TagName="Footer" TagPrefix="uc2" %>

    <%@ Register Src="UserControls/Header.ascx" TagName="Header" TagPrefix="uc1" %>

    <%@ Register TagPrefix="cc1" Namespace="skmMenu" Assembly="skmMenu" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >

    <head runat="server">

    <title> Work Order System</title>

    <link href="~/Style/style.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src='<%=ResolveUrl("~/JavaScript/WorkOrderWeb.js")%>'></script>

    </head>

    <body>

    <form id="frmMasterPageForm" runat="server">

    <div id="container">

    <div id="topnav">

    <uc1:Header ID="Header1" runat="server" />

    </div>

    <div runat="server" id="msg"><asp:Label ID="lblPageMessage" Runat="server" SkinID="PageTitle" /></div>

    <div runat="server" id="submsg"><asp:Label ID="lblSubPageMessage" CssClass="pagesubmsg" Runat="server"/></div>

    <div id="maincontent"><asp:ContentPlaceHolder id="Content" runat="Server"/></div>

    </div>

    <uc2:Footer ID="Footer1" runat="server" />

    </form>

    </body>

    </html>


  • Qube

    did you ever find what the problem is i am having a similar issue with a big application I am developing, uers started reporting doesn't look right after installing IE7

  • cexley

    Aren't you missing the point here When you use a master page, you should be able to put header and footer code in it directly, not use .ascx files anymore. I think you should do that first. And get rid of any absolute positioned stuff in the footer.

    There is a difference in how IE 7 interprets CSS, based on the document type. Try setting it to strict and see if IE7 does a better job.


  • Luis Neves

    Have you tried moving swapping the order of these 2 tags

    </div>

    <uc2:Footer ID="Footer1" runat="server" />



  • Clay B

    I had a very similar issue tonight and I found I had an asp panel (server side div) that had a fixed height. I removed the fixed height and voila the footer appeared at the bottom of the page. I can only suggest scouring your Master Page for any fixed height div's (remembering that the VS2005/Web Developer designer will put values in if you manually adjust them!). Hope this helps.

  • Spider-link

    I haven't been able to nail it down yet, although the site that has the problem makes extensive use of css and the ones which work ok do not. I was able to get the site to format in an acceptable way by playing with the aspx, but it doesn't look as good as it did, and I haven't found another work around yet. I tired calling microsoft, but was told that ie 7 isn't supported yet.
  • SPQR_ROME

    I can understand how that would help in regards to the first web page that uses a style sheet, but what about the secodn one that does not Do you think I should try adding one to it with these settings

    Thanks,


  • asp.net 2.0 application with Master Page does not display properly under ie7