Hallo!
Ich habe ein Problem bei der Verwendung eines Hintergrundbildes in einem Block. Möglicherweise bin ich im falschen Themenbereich, aber ich weiss eben noch nicht woran es liegt...
Kurze Vorgeschichte:
Ich möchte eine ganz einfache Navigationsleiste automatisch erzeugen. Dabei soll man Grafikbuttons frei wählen können.
Da es beschriftete und unbeschriftete Buttons gibt, dachte ich, es sei das günstigste, wenn ich es ermögliche ggf. einen Text auf die Grafik zu schreiben.
Somit habe ich Blöcke erstellt, die den Button als Hintergrundbild beinhalten. Der Buttontext landet ebenfalls in dem Block.
Jetzt das eigentliche Problem:
Bei Firefox läuft alles wie geplant. Bei Internet Explorer jedoch nur solange sich die Seite auf der Festplatte befindet. Schiebt man die Datei(en) auf einen Server, dann erkennt man - zumindest mit Modem - wie beim Überfahren der Links die Hintergrundgrafiken verschwinden und dann neu (nicht aus dem Cache) geladen werden.
Um das noch zu erschweren, tritt das Problem auch noch providerabhängig auf...
Hier der vermutlich entscheidende Quelltext:
<ul id="Navigation">
<li><a class="Seite1" href="_index.html" title="Zur Seite 1">Seite 1</a></li>
</ul>
und die zugehörigen Stylesheets:
ul#Navigation a {
display: block;
height: 34px;
width: 160px;
line-height: 2.4em;
text-align: center;
color: #000000;
font-family: "Arial",sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
ul#Navigation a.Seite1{
background-image: url(../img/grau3.jpg);
background-repeat: no-repeat;
background-position: center;
}
Wer sich das ansehen möchte (mit IE):
http://home.arcor.de/schdefoon/Tests/_index.html (ohne Problem)
http://www.html2.ag.vu/_index.html (mit Problemen)
Der zweite Provider ist der, auf dem es laufen sollte - war ja klar ;-)
Hat jemand einen Tipp, wie ich einen Lösungsansatz für das Problem finden könnte?
Vorab vielen Dank!
Gruß, Fetz