menu i firefox vs ie
Jeg har lavet en menu som fungerer så ledes, at den er opbygget af 5 kasser som så skifter farve når man markerer dem, men funktionen vil kun virke i firefox og i ie vil den ikke gøre det. Jeg har fået det til at virke før, men kan ikke huske hvordan jeg gjorde.<html>
<head>
<title>tekst</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="expires" content="never">
<meta name="description" content="aaa">
<meta name="keywords" content="aaa">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/text.css" />
<style>
/* CSS Document Design */
html, body
{
background-image: url(../img/vBlue/bgblue.gif);
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:100%;
width:100%;
}
.content
{
position: relative;
left:50%;
margin-left:-408px;
width: 816px;
height:100%;
}
.top
{
height: 53px;
}
.tom2
{
width: 119px;
float: left;
}
.cornersleft
{
background-image: url(../img/vBlue/cornersleft.gif);
width: 6px;
height: 53px;
float: left;
}
.menu
{
position: relative;
background-color: #012c4b;
width: 455px;
height: 53px;
float: left;
}
.watch
{
background-color: #012c4c;
width: 111px;
height: 53px;
float: left;
}
.cornersright
{
background-image: url(../img/vBlue/cornersright.gif);
height: 53px;
width: 6px;
float: left;
}
.tom2
{
width: 119px;
height: 53px;
float: left;
}
#header_b {
top:30px;
position: relative;
line-height: 20px;
}
#header {
position: relative;
text-align: center;
margin: 0;
width:455px;
height:53px;
float:left;
}
#header_b a {
position: relative;
background-color: #02497d;
width:60px;
height:53px;
top:0;
float:left;
}
#header a:active {
background-color: #FFF;
width:60;
text-decoration:none;
float:left;
}
#header a:hover {
background-color: #FFF;
}
#link {
position: relative;
width:60px;
height:53px;
top:0;
float:left;
}
#link_one {
position: relative;
background-color: #FFF;
width:60px;
height:53px;
top:0;
float:left;
}
</style>
</head>
<body>
<div class="content">
<div class="top">
<div class="tom2"></div>
<div class="cornersleft"></div>
<div class="menu">
<div id="header">
<a id="link" href="noname.html"><span id="header_b">PORTFOLIO</span></a>
<a id="link_one" href="#"><span id="header_b">FORSIDE</span></a>
<a id="link" href="#"><span id="header_b">LINKS</span></a>
<a id="link" href="#"><span id="header_b">PROFIL</span></a>
<a id="link" href="#"><span id="header_b">BLOG</span></a>
<a id="link" href="#"><span id="header_b">TAGWALL</span></a>
<a id="link" href="#"><span id="header_b">KONTAKT</span></a>
</div>
</div>
<div class="watch"><span class="copyright">24 december - Juleaften</span></div>
<div class="cornersright"></div>
<div class="tom2"></div>
</div>
</div>
</body>
</html>
