nicht angemeldet
Aloha!
Ok, auf der linken Seite ist ja der Navigationsmenü, im Internet Explorer ist es total nach unten versetzt wenn man die Grafiken als Links einbindet!
Im Opera im gegensatz nicht!
Kapiert?
Du musst selbst zugeben, dass dieses winzige Detail nicht sofort ins Auge fällt - soll heißen: Die IE-Darstellung gefällt mir sogar besser, weil sie aufgelockerter ist. Und lebenswichtig dürfte der Unterschied nicht wirklich sein. Aber dennoch:
Vorschläge:
Grafiken in Tabellenzellen ohne umgebende Leerzeichen oder Zeilenumbrüche einbinden:
<td><a><img></a></td>
statt
<td>
<a>
<img>
</a>
</td>
Außerdem kann es helfen, im CSS die Line-height der betroffenen Tabellenzellen auf die Grafikhöhe (in Pixeln) einzustellen und vertical-align:bottom zu definieren. Default soll für Grafiken nämlich vertical-align:baseline, und das sorgt unter der Grafik für einen sonst unerklärlichen Abstand.
PS: Validier mal deine Seite und entferne auch die ganzen sinnlosen HTML-Kommentare. Sowas wie:
</head>
<!--HEAD Ende-->
ist wirklich überflüssig. :) Stattdessen setze einen ordentlichen <!DOCTYPE> in jede Seite.
PPS: Die Angabe von "pt" im Stylesheet ist auch nicht sehr gut. Nimm für die Bildschirmdarstellung immer Pixel - und für Schriftgrößen wahlweise % oder em als relative Einheit, aber nicht "pt" Punkt. Die Punktgröße variiert nämlich je nachdem, welche dpi-Angabe der Benutzer eingestellt hat, und kann dazu führen, dass dein Layout deswegen komplett auseinanderfliegt, sofern es nicht hinreichend flexibel gebaut ist. Stell testweise mal deinen Computer auf "große Schriftart" um, und du siehst, was ich meine.
- Sven Rautenberg