Hallo zusammen,
ich habe ein Problem... Meine Navigation verschwindet im IE6 - Im FF und Opera ist es oke!
Wäre klasse wenn jemand einen Rat für mich hat... Ich komm leider irgendwie nicht mehr weiter.
Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxx</title>
<style type="text/css">
<!--
* {
padding: 0;
margin: 0;
border: 0;
}
body {
background-image: url(images/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
}
div#wrapper {
width: 754px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
div#content {
margin-top: 40px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #FFFFFF;
background-image: url(images/logo.jpg);
padding-top: 124px;
background-repeat: no-repeat;
border: 2px solid #CCCCCC;
}
div#left {
float: left;
width: 200px;
margin: 20px;
background-color: #FFFF66;
}
div#right {
float: right;
width: 200px;
margin: 20px;
background-color: #FFFF99;
}
p#copyright {
text-align: center;
color: #999999;
}
.clear {
clear:both;
visibility:hidden;
}
/* start.navi */
#navi {
list-style-type: none;
margin: 0 0 0 20px;
}
#navi li {
display: inline;
}
#navi li a {
padding: 0.4em 1.3em 0.4em 1.3em;
background-color: #8080C0;
color: #fff;
text-decoration: none;
}
#navi li a:hover {
text-decoration: none;
background-color: #4D4D88;
color: #fff;
}
/* end.navi */
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<ul id="navi">
<li><a href="/test.html">test</a></li>
<li><a href="/test.html">test</a></li>
<li><a href="/kontakt.html">Kontakt</a></li>
<li><a href="/impressum.html">Impressum</a></li>
</ul>
<div id="left"><p>content</p></div>
<div id="right"><p>content</p></div>
<hr class="clear" />
</div>
<p id="copyright">Copyright © xxxxx</p>
</div>
</body>
</html>