Jeg har en side
http://ebank.frac.dk/opg/
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Menu test</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="afs.css" type="text/css">
</head>
<body>
<div class="site">
<div class="header">
<div class="imgtxt">
<img src="img/imgtxt.gif" alt="Banner" title="Banner">
</div>
</div>
<div id="navbar">
<ul class="niveau1">
<li><a href='index.htm'>Home</a></li>
<li class="sub"><a href='#'>Cars</a>
<ul class="niveau2">
<li class="sub"><a href='Audi.htm' class="x">Audi</a>
<ul class="niveau3">
<li><a href='Audi-A3.htm'>Audi A3</a></li>
<li><a href='Audi-A4.htm'>Audi A4</a></li>
<li><a href='Audi-A5.htm'>Audi A5</a></li>
<li><a href='Audi-A6.htm'>Audi A6</a></li>
<li><a href='Audi-A8.htm'>Audi A8</a></li>
<li><a href='Audi-Q7.htm'>Audi Q7</a></li>
<li><a href='Audi-R8.htm'>Audi R8</a></li>
</ul>
</li>
<li class="sub"><a href='Peugeot.htm' class="x">Peugeot</a>
<ul class="niveua3">
<li><a href='Peugeot-107.htm'>Peugeot 107</a></li>
<li><a href='Peugeot-206.htm'>Peugeot 206</a></li>
<li><a href='Peugeot-306.htm'>Peugeot 306</a></li>
<li><a href='Peugeot-307.htm'>Peugeot 307</a></li>
<li><a href='Peugeot-308.htm'>Peugeot 308</a></li>
</ul>
</li>
<li class="sub"><a href='Volvo.htm' class="x">Volvo</a>
<ul class="niveu3">
<li><a href='Volvo-S40.htm'>Volvo S40</a></li>
<li><a href='Volvo-S60.htm'>Volvo S60</a></li>
<li><a href='Volvo-S80.htm'>Volvo S80</a></li>
<li><a href='Volvo-V70.htm'>Volvo V70</a></li>
<li><a href='Volvo-XC90.htm'>Volvo XC90</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='about.htm'>About</a></li>
<li><a href='contact.htm'>Contact</a></li>
</ul>
</div>
</div>
</body>
</html>
Hvor der et banner, en menu, som der skal drop down det virke næsten, atlså i firefox, det virker nemlig slet iikke i ie. Og der kun den første Cars sub menu der vriker audio de to andre virker ikke?
jeg har flg. css
http://ebank.frac.dk/opg/afs.csshtml {
width: 98%;
height:98%;
}
body {
width: 98%;
height:98%;
}
.site {
width: 790px;
height:98%;
margin-left:auto;
margin-right:auto;
}
.header {
background-image: url(img/top.jpg);
width:98%;
height:30%;
color:#FFFFFF;
text-align:center;
font-size:80px;
}
.imgtxt {
width:98%;
height:30%;
text-align:center;
}
/*menu*/
/* Navbar styles */
div#navbar {float:left;background: white; margin:-1px 0 0 0;}
* div#navbar { /* Sætter samme skrift og størrelse på alle elementer i navbar'en */
font-size:80%;font-family:arial,sans-serif;font-weight:bold; }
div#navbar ul { margin:0; padding:0; list-style:none; background: white;
border-top: 1px solid black; }
div#navbar li { position:relative; width:10em; line-height:1em;
margin:0; padding:0; list-style:none; float:left;
border-bottom:1px solid black;
border-right:1px solid black; }
div#navbar li:hover {background-color: #ccf;}
div#navbar li.sub {
background-image:url(darrow.png);
background-position:right center;
background-repeat:no-repeat;
}
div#navbar li.sub li.sub:hover {
background-color: #ccf; /* Forhindre background-repeat i IE/Win. */ }
div#navbar ul li a { display:block; text-decoration:none;
padding:0.25em 0 0.25em 0.5em; width:9.5em; margin:0; }
div#navbar>ul a {width:auto;}
div#navbar ul ul {display:none;position:absolute;width:10em;
}
div#navbar ul ul li {border-bottom:1px solid black;
border-left:1px solid black;margin-left:-1px;}
div#navbar li.sub li.sub {
background-image:url(darrow.png);
background-position:right center;
background-repeat:no-repeat;
}
div#navbar ul.niveau1 li.sub:hover ul.niveau2 {border-top:1px solid black;}
div#navbar ul.niveau1 li.sub:hover ul.niveau2,
div#navbar ul.niveau2 li.sub:hover ul.niveau3 {display:block;}
div#navbar ul.niveau2 {top:1.5em; left:0;}
div#navbar ul.niveau3 {top:-1px; left:9em;border-top:1px solid black;}nogle der ved hvad der er gjort galt?