Ja det må du da Og jeg bruger IE 6.0
<%@ Page language="c#" Codebehind="Default.aspx.cs" AutoEventWireup="false" Inherits="Anja._Default" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Default</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="
http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="netstyle.css" rel="stylesheet">
</HEAD>
<body onclick="java script: pageClick()" MS_POSITIONING="FlowLayout">
<div class="side">
<div class="baggrund">
Hej
</div>
</div>
</body>
</HTML>
CSS filen:
body
{
background:#FFFFFF;
font-family: 'Trebuchet MS', 'Arial';
font-weight: normal;
font-size: 12px;
}
/*a:link {
color:#000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #FE5F10;
}*/
h1
{
font-size: 18pt;
}
.side
{
background-color: White;
width: 750px;
height: 600px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
border: solid 1px black;
z-index: 1;
}
.baggrund
{
width: 750px;
height: 600px;
position: absolute;
left: auto;
z-index: 10;
}
.topLogo
{
background-image:url(images/AS.jpg);
width: 113px;
height: 85px;
position: absolute;
right: 5px;
top: 5px;
z-index: 11;
}
.topNavn
{
background-image:url(images/logo.jpg);
width: 273px;
height: 71px;
position: absolute;
left: 250px;
top: 15px;
z-index: 12;
}
.indholdramme
{
width: 750px;
height: 493px;
position: absolute;
left: 0px;
top: 107px;
overflow: auto;
z-index: 20;
}
.indhold
{
width: 708px;
height: 490px;
position: absolute;
left: 20px;
top: 20px;
z-index: 20;
}
#menubar
{
margin-top: 0px;
margin-bottom: 0px;
background-color: #eee9dd;
width: 100%;
height: 20px;
display: block;
position: absolute;
left: 0px;
top: 87px;
z-index: 10;
background-image: url(images/menu/gmenu.png);
background-repeat: repeat-x;
}
.menuendspacer
{
position: relative;
display: block;
width: 30px;
height: 20px;
float: left;
}
#menubaritem1, #menubaritem2, #menubaritem3, #menubaritem4, #menubaritem5, #menubaritem6, #menubaritem7
{
background-color: transparent;
position: relative;
float: left;
height: 23px;
display: block;
}
#menubaritem1 a, #menubaritem2 a, #menubaritem3 a, #menubaritem4 a, #menubaritem5 a, #menubaritem6 a, #menubaritem7 a
{
background-color: transparent;
display: block;
}
#menubaritem1 a:hover, #menubaritem2 a:hover, #menubaritem3 a:hover, #menubaritem4 a:hover, #menubaritem5 a:hover, #menubaritem6 a:hover, #menubaritem7 a:hover
{
background-color: #b6b1a8;
display: block;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7
{
z-index: 10;
background-image: url(images/menu/girl.jpg);
background-repeat: no-repeat;
position: absolute;
margin-top: 20px;
display: block;
width: 100px;
height: 120px;
visibility: hidden;
border-color: #fff #999 #999 #fff;
border-width: 1px 1px 1px 1px;
border-style: solid;
}
.menuitem1 a, .menuitem2 a, .menuitem3 a, .menuitem4 a, .menuitem5 a
{
background-color: transparent;
position: relative;
display: block;
height: 20px;
}
.menuitem1 a:hover, .menuitem2 a:hover, .menuitem3 a:hover, .menuitem4 a:hover, .menuitem5 a:hover
{
background-color: #fde2c6;
}
