[XHTML, CSS] Schrift verschwindet im IE (background-image)

[ClausVB]

Ich habe eine Fußzeile mit Hintergrundbild und alle Browser sind in der Lage das darzustellen (auch der IE), aber im IE verschwindet die Schrift, wenn man sehr schnell scrollt.

http://www.obk.de/cms200/aktuelles/ie_bg_error01.gif

Richtig erscheint es immer im Firefox und Opera. Auch wenn man im IE ganz langsam mit der Maus scrollt, erscheint die Schrift im IE. Richtig sieht es so aus:

http://www.obk.de/cms200/aktuelles/ie_bg_error02.gif

Der Kunde möchte das jetzt bereinigt haben und nicht auf den IE7 warten, was ich verstehen kann und worauf ich schon vor dem Launch am 1. August hingewiesen habe.

Ich habe allerdings keine Ahnung, wie ich das IE kompatibel machen soll, außer die Grafik normal mit HTML anzuzeigen. Das ist aber nicht barrierefrei und deswegen will ich den Ansatz nur im Notfall gehen.

HTML:

<div id="logo_fuss">
   <p class="unsichtbar">Kontaktdaten</p>

   <div class="kontaktdaten">
         <strong>Oberbergischer Kreis<br />
         Der Landrat</strong>
         <br /><br />
         Telefon: 02261 / 88-0<br />
         Fax: 02261 / 88-1033<br />
         E-Mail: <a href="mailto:mail@obk.de">mail@obk.de</a>

   </div>

   <p class="unsichtbar">Navigation unten | Fu&szlig;zeile</p>
   <ul class="navigation_unten">
      <li><a href="/cms200/aktuelles/index.shtml">Aktuelles</a></li>
      (...) [CVB: alle weiteren Menüpunkte]
   </ul>

   <br />
</div> <!-- /logo_fuss -->

CSS:

#logo_fuss
{
   font-size: 13px;
   white-space: nowrap;
   text-align: left;
   background-image: url(/cms200/res/logo_fuss.jpg);
   background-repeat: no-repeat;
   padding-top: 17px;
   padding-bottom: 10px;
}

Ich bin für jeden Tipp dankbar.

Gruß
Claus

[sagi]

Kann es sein, dass der Block einfach nur sehr weit nach rechts rutscht?

Ich hab zwar keinen IE um das zu überprüfen, aber ein

margin-left: 861px;

scheint mir etwas gewagt - möglicherweise wäre hier float besser. IMHO solltest du auch das untere Bild (logo_fuss.jpg) auf mehrere Bilder aufteilen - evtl. gleich als PNG. Dann kannst du leichter gegen die horizontalen Scrollleisten vorgehen.

Beim CSS solltest du, wenn du die Schriftfarbe definierst auch die Hintergrundfarbe definieren.

[ClausVB]

Beim CSS solltest du, wenn du die Schriftfarbe definierst auch die Hintergrundfarbe definieren.

Ist global für den BODY-Tag definiert.

Problem ist behoben.

Danke!
Claus

[sagi]

Wie?

Die Fußzeile wir nun bei mir (Firefox 1.0.2) als Liste dargestellt.

[bischi]

Problem ist behoben.

Danke!
Claus

Schön für dich - was ist nun die Lösung?

MfG Bischi

PS: Posten, falls jemand wieder mal das selbe Problem haben sollte... (im Moment kann ich ja den Quellcode anschauen - aber vielleicht ist dann die Site down...)

[ClausVB]

Schön für dich - was ist nun die Lösung?

Ich habe den ganzen UL-Tag (class="navigation_unten") aus dem DIV-Container rausgenommen. Im CSS mussten natürlich auch ein paar kleine Veränderungen vorgenommen werden, aber hauptsächlich hat sich (nur im IE) der UL-Tag mit den Kontaktdaten gebissen.

Gruß
Claus