Sönke Tesch: Problem mit IE 6.0 - Fehler in meinem CSS oder IE-Fehler?

Beitrag lesen

Wenn ich mit der Maus über einen inaktiven Link fahre, springt die ganze Seite um einige Pixel nach oben. Aber nur im IE.
Opera und Mozilla machen keine Probleme.

Kann ich mit meinen IE 6 hier nicht nachvollziehen.

Wer weiß woran das liegen könnte?

Wenn Du jetzt noch gesagt hättest, daß Du den IE 5 benutzt, dann hätte ich blindlings auf den altbekannten IE-Fehler bei der Summierung der Elementgrößen, -abstände und -ränder getippt. Allerdings ist das bei Deinem CSS-Code nicht wirklich eindeutig nachzuvollziehen, auch wenn Du einige margin- und padding-Angaben drin hast. Falls sich nichts anderes findet, wäre das aber eine nähere Untersuchung wert.

Davon mal abgesehen solltest Du vielleicht ein wenig Ordnung schaffen und die doppelten ID- und Klassennamen entfernen. Ich will nicht behaupten, daß das ein Fehler sei, aber sonderlich glücklich ist es auch nicht.

Weiterhin wäre eine sinnvollere HTML-Nutzung sehr angebracht: Du kannst <img> direkt formatieren, der <div>-Block drumherum ist vollkommen sinnlos.
Ebenso ein faux-pas ist die Benutzung von <br><br> zum Erzeugen eines Absatzes, das wird auch nicht besser, wenn Du XHTML drüber schreibst und <br /><br /> einsetzt. Für einen Absatz ist <p> da, nichts anderes.
Über das Menü und wiederum den Einsatz von <br>, diesmal zur Erzeugung einer Liste, kann man sich streiten, denn <li> ist manchmal nicht ganz so einfach zu bändigen - aber es ist möglich.
Die Konstruktion <div><p>news</p></div> sollte man Dir aber definitiv um die Ohren klatschen. Warum um alles in der Welt benutzt Du für eine Überschrift nicht <h1>? Die <hx>-Elemente sind genauso Blockelemente wie <div>, haben dafür aber eine inhaltliche Aussage.
Ähnlich ist es mit <div id="logo"> - warum benutzt Du für eine Grafik nicht <img>?

Last but not least: Überlasse es doch dem Benutzer, welche Schriftgröße er am besten sehen kann.

Gruß,
  soenk.e