Ich musste gerade etwas entsetzt feststellen, das der Internet Explorer ein Problem mit meiner Website hat. Beim Überfahren der Menü-Leiste vergrößert sich die Zelle merklich (siehe Anhang).

In allen anderen Browsern sieht es normal aus, der IE6 im virtuellen XP macht auch damit auch keine Probleme. Ich vermute das Problem in der CSS-Datei, konnte es aber nicht ganz eingrenzen.

Hier nun meine aktuelle CSS:
_____________________________________________________________________
/*Schriftart (global)*/
body { background-color:#FFFFFF; font-weight:bold; font-family: Verdana;}

/*Farbe der Links*/
a:link { color:white ; text-decoration: none; }
a:hover { text-decoration: none; color:#F5AB19; background-image:url(http://vivalamusica.wmw.cc/grafiken/out.png)}
a:visited { color:white; text-decoration: none; }
a:active { text-decoration: none; color: #F5AB19; }
a:focus { text-decoration: none; color: #F5AB19; }

a.type1:link { color:#F5AB19; text-align:center; }
a.type1:visited { color:#F5AB19; text-align:center; }
a.type1:active { color:#F5AB19; text-align:center; }
a.type1:hover { color:#F5AB19; text-decoration: underline; text-align:center; background-image:url(grafiken/none.png)}


/*verlinktes Bild ohne Rahmen*/
a img { border: 0; }

/*Tabelle*/

.tablo { width: 80%; height: 100%; border-style: solid; border-width: 2px; }
td a { display: block; width: 100%; }


.unten { font-size: 0.7em; font-weight: bold; text-align: center; vertical-align:middle; }

.box { width: 200px; background:yellow; }
.box .top, .box .bottom{display:block;background: white; }
.box .top b, .box .bottom b
{
display:block;height: 1px; overflow: hidden; background: yellow;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px; }

.box2 { width: 200px; background:yellow; }
.box2 .top, .box .bottom{display:block;background: white; }
.box2 .top b, .box .bottom b
{
display:block;height: 1px; overflow: hidden; background: #FFD912;
}
.box2 .r1{margin: 0 5px;}
.box2 .r2{margin: 0 3px;}
.box2 .r3{margin: 0 2px;}
.box2 .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px; }

h1 { font-size: 2em; color:#000000; text-align: center; } /*Ueberschrift der einzelnen Webseiten*/
______________________________________________________________________________________


ein gutes Beispiel für die Probleme ist die News-Seite: http://vivalamusica.wmw.cc/menu/news/news.htm



Wo liegt das Problem?!

Das Problem tritt bei mir auf, sobald du über einen der Menüpunkte mit dem Mauszeiger fährst.

Ich habe das Problem bisher im Internet Explorer 9 BETA und der Vorschau vom Phase5-Editor gesehen. Diese entspricht inetwa dem IE8 (zumindest sieht das dor immer zu etwa 99% genauso aus).

Opera und Firefox zeigen alles problemlos an. Der IE6 (virtuell) macht auch keine Probleme. Der Phase 5 müsste eigentlich auch auf den lokalen IE zugreifen, wenn er die Vorschau macht.


Vermutlich hängt es mit der IE9-BETA zusammen, vorher hatte ich das Problem im Phase 5 auch noch nicht. Ich werde ihn mal wieder deinstallieren und berichten.

Nachtrag:

sorry für den Doppelpost. Das Problem hing wirklich mit dem lokalen Internet Explorer zusammen- nach dem Downgrade auf IE8 läuft alles wieder problemlos. Die Idee kam mir auch eher spontan.


Ich hab den gestern mal testweise installiert, hoffentlich ist dieser Fehler schon bekannt (woran auch immer es liegt). Aber dafür ist es halt eine BETA.


Das Problem hatte ich vor einiger Zeit schonmal im IE8, konnte es aber per Änderung der CSS dauerhaft beheben. Daher war ich sehr verwundert, als es urplötzlich wieder auftrat.

Also in der aktuellen & finalen Version des IE9 besteht das Problem nach wie vor .

Betrifft soweit ich sagen kann alle Zellen die ich mit CSS-Effekten (Farb/ Bild-Änderung beim drüberfahren) belegt habe. Was kann man tun?

hm. also von der Piwik-Funktion für die Statistik (am Ende des Quelltextes) habe ich eigentlich die Seiten soweit nahezu ohne Javascript gemacht. Kann zwar sein, das es bei ein paar der älteren Unter-Seiten noch mouseover-befehle gibt aber bei der Startseite z.B. nicht. Allerdings tritt der Fehler auch dort auf.

Nach dem W3C-Validator (ich habe die meisten der einzelnen Seiten geprüft), ist die Startseite HTML4.01-valid, selbiges gilt für CSS 2.0.1.

Natürlich würde ich die anderen Seiten anpassen, wenn das Problem auf der Startseite gelöst werden kann.


Das Phänomen habe ich nur im IE9 und das schon seit dem ich vor etwa einem halben Jahr die Beta angetestet habe.

wie sich herausgestellt hat, startet mein IE9 standardmäßig im Quirks-Mode. Wenn man IE9-Standard als Dokumentmodus einstellt, besteht das Problem nicht mehr.

Dummerweise ist zu befürchten, das der IE9 standardmäßig generell auf Quirks-Modus eingestellt ist.