0
asp.net C# visual studio 2010에서 만든 웹 사이트의 마스터 페이지가 있습니다. 사파리, 오페라, 크롬, 파이어 폭스 및 IE10에서는 완벽하게 표시되지만 IE9에서는 큰 흰색 블록 사이의 메뉴와 내용.양식의 마스터 페이지가 흰색 div로 표시됩니다.
우리가 F12 키를 눌러 요소를 검사하면 내부에 모든 것이 들어있는 양식이 강조 표시됩니다 (이렇게하면 다른 페이지의 표기법 runat = server가 더 이상 필요하지 않게됩니다. 서버에서 실행중인 양식에 오류가 있음). http://iwtsw.ehb.be/~iris.vdz/Index.aspx
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MainLayout.master.cs" Inherits="MainLayout" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
<title>Website Euroquip</title>
<link href="~/Styles/MainLayout.css" type="text/css" rel="Stylesheet" />
<link href="~/Styles/brlnsr.ttf" />
<link rel="shortcut icon" href="images/flavicons/favicon.ico">
<link rel="icon" type="image/gif" href="images/flavicons/animated_favicon1.gif">
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
function setBodyContentMinHeight() {
var height = $("#leftContent").height();
$('#bodyContent').css('min-height', (height-25) + "px");
}
$(function() {
setBodyContentMinHeight();
var $sidebar = $("#leftContent"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
</script>
</head>
<body>
<form id="Form1" runat="server">
<div id="wrapper">
<div id="HeaderContent" class="centeredContent">
<a href="Index.aspx" id="logoDiv">
<img src="images/logo.png" alt="logo euroquip" style="height: 146px" />
</a>
<div id="menuDiv">
<asp:Menu ID="headMenu" runat="server" DataSourceID="SiteMapDataSource1"
Orientation="Horizontal" StaticDisplayLevels="2" StaticEnableDefaultPopOutImage="false"
StaticSubMenuIndent="16px" CssClass="headMenu" Font-Names="brlnsr"
meta:resourcekey="headMenuResource1" MaximumDynamicDisplayLevels="0">
<LevelMenuItemStyles>
<asp:MenuItemStyle CssClass="menu"/>
<asp:MenuItemStyle CssClass="menu"/>
</LevelMenuItemStyles>
</asp:Menu>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</div>
<div id="languagesDiv" class="styled-select shadow">
<form id="ddlLanguage" action="" method="post">
<asp:DropDownList ID="languages" runat="server" AutoPostBack="True"
CssClass="ddlLanguages"
onselectedindexchanged="languages_SelectedIndexChanged"
meta:resourcekey="languagesResource1">
<asp:ListItem Text="NL" Value="nl"
/>
<asp:ListItem Text="EN" Value="en" />
<asp:ListItem Text="FR" Value="fr" />
</asp:DropDownList>
</form>
</div>
</div>
<div id="bodyContent" class="centeredContent">
<div id="leftContent">
<div id="secondaryMenuDiv" class="roundedFrame shadow blackFrame">
<div id="secondaryMenuDivHeader" runat="server">
<asp:Localize ID="Localize1" runat="server"
meta:resourcekey="Localize1Resource1" Text="Wij bieden aan:"></asp:Localize></div>
<asp:Panel ID="MenuPanel" runat="server" meta:resourcekey="Panel1Resource1">
</asp:Panel>
</div>
<div id="Div1" class="roundedFrame shadow blackFrame">
Promoties
</div>
</div>
<div id="rightContent">
<!-- <div id="contentDiv" class="roundedFrame shadow" > -->
<div id="contentDiv">
<asp:ContentPlaceHolder ID="ContentHolder" runat="server" >
Hier komt de content
</asp:ContentPlaceHolder>
</div>
</div>
<div class="clearer"></div>
</div>
<div id="footerContent">
<div id="footerContentCenter" class="centeredContent">
<div id="sitemapContact" class="sitemapColumn">
<h1><a href="Contact.aspx"><asp:Localize ID="contact" runat="server" meta:resourcekey="contactResource1"
Text="CONTACT"></asp:Localize></a></h1>
<div class="ColumnContent">
<a href="https://maps.google.be/maps?q=Industriestraat+16+3930+Hamont-Achel&hnear=Industriestraat+16,+3930+Hamont-Achel,+Limburg,+Vlaams+Gewest&gl=be&t=h&z=16&iwloc=A" target="_blank">
<img src="images/icons/world.png"/><p>Industriestraat 16 </br>
3930 Hamont-Achel </p>
</a>
<img src="images/icons/phone.png" /><p>011 80 75 30 (t)</br>
011 64 61 82 (f) </p>
<a href="mailto:[email protected]"><img src="images/icons/email.png" /><p>[email protected]</p></a>
</div>
</div>
<div id="sitemapNieuwsbrief" class="sitemapColumn">
<a href="#nieuwsbriefEmail" onclick="document.getElementById('nieuwsbriefEmail').focus();"><h1><asp:Localize ID="nieuwsbrief" runat="server"
meta:resourcekey="nieuwsbriefResource1" Text="NIEUWSBRIEF"></asp:Localize></h1></a>
<div id="toTo"></div>
<div class="ColumnContent">
<p>
<form id="nieuwsbrief" action="" method="post">
<input id="nieuwsbriefEmail" pattern="[^ @]*@[^ @]*" type="email" placeholder="Email" value="" />
<input id="nieuwsbriefEmailVerzenden" type="submit" value="OK"/>
</form>
</p>
<p>
<img src="images/icons/feed.png" /> RSS FEED
</p>
</div>
</div>
<div id="sitemapSiteMap" class="sitemapColumn">
<a href="Sitemap.aspx"><h1>SITEMAP</h1></a>
<div class="ColumnContent">
</div>
</div>
<div id="sitemapWebshop" class="sitemapColumn">
<a href="Shop.aspx"><h1>WEBSHOP</h1></a>
<div class="ColumnContent">
</div>
</div>
<div id="copyright">
Copyright ©2013 Euroquip
</br>
Design by Team Kinik.
</div>
</div>
</div>
</div>
</form>
</body>
</html>
사람이 알겠습니까 우리가 여기에서 잘못하고있는 일 :
이 웹 사이트에 대한 링크는 무엇입니까?
감사합니다.
BodyLight를 MainLayout.css에서 100 %로 설정하는 CSS 규칙을 제거해 보셨습니까? –
예 ... 작동하지 않았습니다! –
Pleas는 잘못된 길을 택하지는 않지만 브라우저 캐시도 지우고 경험을 통해 말하고 있습니다. ( –