guten morgen liebe gemeindschaft
ich habe problem mit der "programmierung" meiner homepage. und zwar ist meine navigation bei der IE Explorer Version 5 und 6 sehr weit nach links verschoben. habe schon alles möglich rumgetestet um dieses problem zu beheben. bei den anderen IE versionen und im firefox ist allet schick
gibt es nicht bzw gab es nicht für den ie explorer sogenannte ie css hacks?
http://home.arcor.de/robertfuhrmann/robintoaktuell/test.html
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Physiotherapeut Robin Cronenberg - Berlin </title>
<style type="text/css">
@charset "utf-8";
/* CSS Document */
body {
background-color: #666666;
/* background-image:url(bg.jpg);*/
/* background-repeat:repeat; */
}
#container {
padding: 0 auto;
margin: 0;
width: 716px;
height: 800px;
border: 1px solid black;
background-color: #FFFFFF;
}
#header {
background-image: url(header.jpg);
background-repeat: no-repeat;
width: 710px;
height: 140px;
}
#firstline {
width: 733px;
height: 3px;
background-image: url(line/firstline.jpg);
background-repeat: no-repeat;
margin-left:2px;
}
a {
display: block;
padding: 0px;
height: 20px;
width: 101px;}
.unsichtbar {
display: none;
}
#navigation {
width: 714px;
height: 25px;
}
#navi {
width: 714px;
height: 20px;
list-style: none;
padding: 0 0px;
margin: 0;
}
#navi li {
width: 101px;
float: left;
}
#navi li:hover ul, #navi li.over ul {
display: block;
}
#navi li a.navilinks:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active { width: 101px; height: 20px; display: block; background: url(navi/navilinks.jpg) no-repeat;}
#navi li a.navilinks:hover { background:url(hover/navilinks.jpg) no-repeat; width: 101px; height: 20px; }
#navi li a.therapien:link, li a.therapien:visited, li a.therapien:focus, li a.therapien:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/therapien.jpg) no-repeat;}
#navi li a.therapien:hover { background: url(hover/t.jpg) no-repeat;border: none; width: 101px; height: 20px; }
#navi li a.preise:link, li a.preise:visited, li a.preise:focus, li a.preise:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/preise.jpg) no-repeat;}
#navi li a.preise:hover { background: url(hover/p.jpg) no-repeat;border: none; width: 101px; height: 20px; }
#navi li a.guestbook:link, li a.guestbook:visited, li a.guestbook:focus, li a.guestbook:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/guestbook.jpg) no-repeat;}
#navi li a.guestbook:hover { background: url(hover/g.jpg) no-repeat;border: none; width: 101px; height: 20px; }
#navi li a.lebenslauf:link, li a.lebenslauf:visited, li a.lebenslauf:focus, li alebenslauf:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/lebenslauf.jpg) no-repeat;}
#navi li a.lebenslauf:hover { background: url(hover/l.jpg) no-repeat;border: none; width: 101px; height: 20px; }
#navi li a.impressum:link, li a.impressum:visited, li a.impressum:focus, li a.impressum:active { width: 101px; height: 20px; display: block; border: none; background: url(navi/impressum.jpg) no-repeat;}
#navi li a.impressum:hover { background: url(hover/i.jpg) no-repeat;border: none; width: 101px; height: 20px; }
#navi li a.navirechts:hover { background-image:url(hover/navirechts.jpg) no-repeat;border: none; width: 101px; height: 20px;}
#navi li a.navirechts:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active { width: 101px; height: 20px; display: block;border: none; background: url(navi/navirechts.jpg) no-repeat;}
#secondline {
width: 710px;
height: 10px;
background-image: url(line/secondline.jpg);
background-repeat: no-repeat;
margin-top:1px;
}
</style>
</head>
<body>
<center>
<div id="container">
<div id="header">
</div>
<div id="firstline">
</div>
<div id="navigation">
<ul id="navi">
<li><a href="#1" class="navilinks"><span class="unsichtbar">links</span></a></li>
<li><a href="#2" class="therapien" title="Therapien"><span class="unsichtbar">therapienweg</span></a></li>
<li><a href="#3" class="preise" title="Preise"><span class="unsichtbar">preiseweg</span></a></li>
<li><a href="#4" class="guestbook" title="Guestbook"><span class="unsichtbar">guestbookweg</span></a></li>
<li><a href="#5" class="lebenslauf" title="Lebenslauf"><span class="unsichtbar">lebenslaufweg</span></a></li>
<li><a href="#6" class="impressum" title="Impressum"><span class="unsichtbar">impressumweg</span></a></li>
<li><a href="#7" class="navirechts"><span class="unsichtbar">rechts</span></a></li>
</ul>
<div>
<div id="secondline"></div>
</div>
</center>
Alles anzeigen
vielen dank für eure hilfe im vorraus
grüße robert