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