Asp.net 母版页不在单个页面上工作，但仅在IE中工作

因此，我最近建立了我的数字公文包（asp c#web应用程序），并意识到母版页在我网站的“公文包”页面上无法正常工作，而且只有在IE中查看时才能正常工作。Chrome、firefox和safari与IE中的其他页面一样工作正常

不知道为什么它不工作，我检查了语法，找不到原因。有人有什么想法吗

Portfolio.aspx

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPage.master" CodeBehind="Portfolio.aspx.cs" Inherits="PortfolioApplication.Portfolio" %>

<asp:Content runat="server" ID="HeaderContent" ContentPlaceHolderID="HeadContent" >
    <link rel="Stylesheet" href="Styles/portfolioLayout.css" type="text/css"/>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="Scripts/js-image-slider.js"></script>
    <script type="text/javascript" src="Scripts/popup.js"></script>

    <script type="text/javascript">
        function populateSlider(sliderNum) {
            //Note: If the slider container has been set as invisible(e.g. display:none;), make sure set it visible before reload the imageSlider
            setSliderMarkup(sliderNum);
            imageSlider.reload();
        }
        function setSliderMarkup(sliderNum) {
            var sliderFrame = document.getElementById("popUp");

            switch (sliderNum) {
                case 1:
                    sliderFrame.innerHTML = '<div id="slider">' +
                        '<img src="Pictures/Projects/VacationWidget/vacationSlider1.jpg" width="989px" height="691" />' +
                        '<img src="Pictures/Projects/VacationWidget/vacationSlider2.jpg" width="989px" height="691" />' +
                        '</div>';
                    break;
                case 2:
                    sliderFrame.innerHTML = '<div id="slider"><img src="Pictures/Projects/FlashPortfolio/portfolioSlider1.jpg" />' +
                        '<img src="Pictures/Projects/FlashPortfolio/portfolioSlider2.jpg" />' +
                        '<img src="Pictures/Projects/FlashPortfolio/portfolioSlider3.jpg" />' +
                        '<img src="Pictures/Projects/FlashPortfolio/portfolioSlider4.jpg" />' +
                        '</div>';
                    break;
                case 3:
                    sliderFrame.innerHTML = '<div id="slider"><img src="Pictures/Projects/A1Auto/upholsterySlider1.jpg" />' +
                        '<img src="Pictures/Projects/A1Auto/upholsterySlider2.jpg" />' +
                        '<img src="Pictures/Projects/A1Auto/upholsterySlider3.jpg" />' +
                        '<img src="Pictures/Projects/A1Auto/upholsterySlider4.jpg" />' +
                        '</div>';
                    break;
                case 4:
                    sliderFrame.innerHTML = '<div id="slider"><img src="Pictures/Projects/Renatus/renatusSlider1.jpg" />' +
                        '<img src="Pictures/Projects/Renatus/renatusSlider2.jpg" />' +
                        '<img src="Pictures/Projects/Renatus/renatusSlider3.jpg" />' +
                            '</div>';
                    break;
                default:
            }
        }
    </script>
</asp:Content>

<asp:Content runat="server" ID="MainContent" ContentPlaceHolderID="MainContent">
    <div class ="content">
        <h1>My Recent Projects!</h1>
        <div id="project1" class="project">
            <asp:ImageButton runat="server" ImageUrl="Pictures/Projects/VacationWidget/VacationWidget.png" CssClass="projectImage" OnClientClick="populateSlider(1); return false" />
            <div id="project1Content" class="projectContent">
                <h1>Vacation Widget</h1>
                <p>Posted on: Saturday, October 28th, 2012</p>
                <h2>Description</h2>
                <p>This vacation widget... </p>
            </div>
        </div>                
        <div id="project2" class="projectOther">
            <asp:ImageButton runat="server" ImageUrl="Pictures/Projects/FlashPortfolio/FlashPortfolio1.png" CssClass="projectImage" OnClientClick="populateSlider(2); return false" />
            <div id="Div2" class="projectContent">
                <h1>Flash Portfolio</h1>
                <p>Posted on: Saturday, October 28th, 2012</p>
                <h2>Description</h2>
                <p>This project was designed...</p>
            </div>
        </div>
        <div id="project3" class="project">
            <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="Pictures/Projects/A1Auto/Upholstry.png" CssClass="projectImage" OnClientClick="populateSlider(3); return false" />
            <div id="Div3" class="projectContent">
                <h1>A1-Auto Upholstery</h1>
                <p>Posted on: Saturday, October 28th, 2012</p>
                <h2>Description</h2>
                <p>Recently modified with a few JavaScript touch ups...</p>
            </div>
        </div>
        <div id="project4" class="projectOther">
            <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="Pictures/Projects/Renatus/bestTravel.jpg" CssClass="projectImage" OnClientClick="populateSlider(4); return false" />
            <div id="Div4" class="projectContent">
                <h1>Renatus Travel Desktop Application</h1>
                <p>Posted on: Saturday, October 28th, 2012</p>
                <h2>Description</h2>
                <p>Best Travel is a fictional company...</p>
            </div>
        </div>
        <div class="imageViewerPopup" id="popUp" style="color:blue; width:691px" /> 
    </div>
    <div id="fade"></div>
</asp:Content>

函数populateSlider（sliderNum）{
//注意：如果滑块容器已设置为不可见（例如display:none；），请确保在重新加载imageSlider之前将其设置为可见
设置滑动标记（sliderNum）；
imageSlider.reload（）；
}
函数设置SliderMarkup（sliderNum）{
var sliderFrame=document.getElementById（“弹出”）；
开关（sliderNum）{
案例1：
sliderFrame.innerHTML=''+
'' +
'' +
'';
打破
案例2：
sliderFrame.innerHTML=''+
'' +
'' +
'' +
'';
打破
案例3：
sliderFrame.innerHTML=''+
'' +
'' +
'' +
'';
打破
案例4：
sliderFrame.innerHTML=''+
'' +
'' +
'';
打破
违约：
}
}
我最近的项目！
假期小部件
发布日期：2012年10月28日，星期六

描述
这个假期小部件

闪光组合
发布日期：2012年10月28日，星期六

描述
这个项目是设计

A1汽车内饰
发布日期：2012年10月28日，星期六

描述
最近修改了一些JavaScript润色

Renatus旅游桌面应用程序
发布日期：2012年10月28日，星期六

描述
Best Travel是一家虚构的公司

您的公文包页面上存在多个HTML和CSS验证错误

当您从ID为“background”的div元素中删除“width:2200px”时，Internet Explorer 8中的特定问题就会消失，我看不出是否需要此宽度，但我也鼓励您在修复问题时查看验证问题（请参阅和）

---

我还建议您用更多的语义超链接替换导航菜单中的输入按钮-这些超链接将更容易访问，并解决页面URL在单击导航菜单按钮后的第二次回发后才更新的问题（要了解发生这种情况的原因，请查看页面生命周期和事件处理，以及事件在您的C#代码中的触发顺序）。

如果不查看您的代码，很难说出任何事情。请粘贴一些代码以获得专家的帮助。它是如何“不起作用”的母版页中的链接丢失这里有一个指向该页的链接：非常感谢！另一个问题是，您似乎在这方面经验丰富：我收到了一些错误，因为div位于错误的位置，但实际上它们在弹出窗口的javascript中。这仍然是一个糟糕的做法吗？它是通过设置元素的内部html来使用的。