Der Martin: IE 5.5 bis 7 mehrere Probleme

Beitrag lesen

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!"