snoob
Legacy Member
Ik ben een site aant maken in ASP.NET en maak gebruik van divs/css zoals het zou moeten. Men webpagina ziet er prima uit in FF maar in Iexplorer negeert hij gelijk men inhoud en valt alles dus samen!
zo ziet het eruit in FF ( zoals ik het wil )
http://i36.tinypic.com/hs57w9.jpg
zo ziet het eruit in Iexplorer:
http://i37.tinypic.com/anefiv.jpg
de masterpage:
de css:
I got no clue :doh:
zo ziet het eruit in FF ( zoals ik het wil )
http://i36.tinypic.com/hs57w9.jpg
zo ziet het eruit in Iexplorer:
http://i37.tinypic.com/anefiv.jpg
de masterpage:
Code:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage_MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>'t Steunpunt</title>
<link href="../App_Themes/steunpunt.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div id="mainContainer">
<div id="header">
</div>
<div id="midden">
<div id="navBar">
<asp:Menu ID="Menu1" runat="server" Width="100%">
<StaticMenuStyle CssClass="selectedMenuItem" />
<StaticMenuItemStyle CssClass="staticMenuItem" />
<StaticSelectedStyle CssClass="selectedMenuItem" />
<StaticHoverStyle CssClass="hoverMenuItem" />
<Items>
<asp:MenuItem Text="Home" Value="Home" NavigateUrl="~/Web/Home.aspx"></asp:MenuItem>
<asp:MenuItem Text="Wie zijn we?" Value="Wie zijn we?"
NavigateUrl="~/Web/WieZijnWe.aspx"></asp:MenuItem>
<asp:MenuItem Text="Visie" Value="Visie" NavigateUrl="~/Web/Visie.aspx"></asp:MenuItem>
<asp:MenuItem Text="FAQ" Value="FAQ" NavigateUrl="~/Web/FAQ.aspx"></asp:MenuItem>
<asp:MenuItem Text="Kalender" Value="Kalender"></asp:MenuItem>
<asp:MenuItem Text="Bereikbaarheid" Value="Bereikbaarheid"></asp:MenuItem>
<asp:MenuItem Text="Links" Value="Links"></asp:MenuItem>
<asp:MenuItem Text="Contact" Value="Contact"></asp:MenuItem>
</Items>
</asp:Menu>
</div>
<div id="content">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<div id="footer">
</div>
</div>
</form>
</body>
</html>de css:
Code:
body
{
font-size: 9pt;
font-family: Verdana;
margin: 0px;
background-image: url('../Images/background.gif');
text-align: left;
}
#mainContainer
{
margin-left: auto;
margin-right: auto;
width: 822px;
}
#header
{
padding: 0px 0px 0px 0px;
width: 822px;
background-image: url(../Images/head.gif);
height:179px;
}
#midden
{
width:822px;
height:auto;
overflow:hidden;
}
#navBar
{
background-image: url(../Images/midden_01.gif);
margin:0;
float: left;
width: 141px;
padding: 10px 24px 10px 40px;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
#content
{
background-image: url(../Images/midden_02.gif);
float: right;
width: 577px;
margin:0 0 0 0;
padding: 10px 40px 10px 0px;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
#footer
{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 822px;
background-image: url(../Images/bottom.gif);
height:125px;
}
.staticMenuItem
{
background-color:#CF8340;
font-weight: bold;
color:#FFCC00;
}
.selectedMenuItem
{
color: #eee;
background-color: #F00;
}
.hoverMenuItem
{
background-color: #FF0000;
color: #FFFFFF;
}I got no clue :doh: