Moin,
Ich habe mehrere Probleme mit den IE Browsern.
Alle Browser schieben die Navigation unter das Hintergrundbild
welches Hintergrundbild? In deinem Codeausschnitt finde ich keins - bis auf das Hintergrundbild für div.navi, das du auskommentiert hast. Und was meinst du mit "unter das Hintergrundbild"? Ich sehe nichts, was ein irgendwie seltsames Verhalten auslösen sollte.
<!-- Anfang von #navi -->
<div class="navi">
<ul style="list-style-type:none">
<li class="navi1"><a href="index.html"><b>Startseite</b></a></li>
<li class="navi1"><a href="firmenprofil.html">Firmenprofil</a></li>
<li class="navi1"><a href="it-handel.html">Hard- und Software</a></li>
<li class="navi1"><a href="angebote.html">Angebote</a></li>
<li class="navi1"><a href="it-service.html">IT - Service</a></li>
<li class="navi1"><a href="praesentationssysteme.html">Präsentationssysteme</a></li>
</ul>
<ul class="navi">
<li class="navi1"><a href="kontakt.html">Kontakt</a></li>
<li class="navi1"><a href="impressum.html">Impressum</a></li>
</ul>
<ul class="shop">
<li class="navi1"><a href="http://shop.udo-gaertner.de/" target="_blank"><img src="Bilder/zumshop.png" alt="Shop"></a>
</li>
</ul>
</div>
<!-- Ende von #navi -->
Dafür fällt mir an diesem HTML-Ausschnitt auf, dass ...
\* du die Navigation in drei getrennte Listen aufteilst, anstatt zusammen zu
lassen, was zusammengehört.
\* div.navi dann überflüssig ist, da es dann nur ein Kindelement enthält,
also seine Formatierungen ebensogut auf das ul-Element anwendbar wären
\* alle Listenpunkte dieselbe Klasse haben, die Klasse somit überflüssig
ist, weil die li-Elemente auch über .navi li selektierbar sind
> Im IE 5.5 und 6 wird das Bild "Shop" mit einem Hintergrund dargestellt, obwohl das Bild trans. ist.
Etwa das hier:
`<img src="Bilder/zumshop.png" alt="Shop">`{:.language-html}
Vermutlich verwendest du ein PNG mit Alphatransparenz, die der IE bis Version 6 nur mit Krücken und einem heftigen Tritt in den Hintern (Einsatz der protprietären CSS-Eigenschaft "filter") versteht.
> Im IE 5.5 Geht der Hintergrund nur bis zum Bild "Shop"
>
> ~~~css
#text {
> margin-top: -19px;
> ...
> height: 100%;
> }
Schade, dass in deinem HTML-Ausschnitt kein Element mit der ID "text" vorkommt. ;-)
So long,
Martin
Eine Neandertaler-Sippe sitzt in ihrer kalten Höhle. Seufzt der Stammesälteste: "Hoffentlich erfindet bald jemand das Feuer!"