IE 6 + 7 verschiebt menu-entrys um 1px nach unten

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
dylan

IE 6 + 7 verschiebt menu-entrys um 1px nach unten

Post by dylan »

Der Internet Explorer 6 + 7 stellt das in der Installation enthaltene Template, bzw. Menu, mit 1px verschiebung dar.

s. www.opensourcecms.com/cms/cmsmadesimple/

Das Problem tritt nur bei Links auf, die ein Submenu enthalten.
Wenn Ihr mit IE6+7 über den Link fahrt, verschiebt sich das darunter liegende menu-Element um 1px nach unten.

Ich vermute mal, dass das nicht so gewollt ist?
Hat jemand eine Idee wie ich die menu-Verschiebung im IE aufheben kann? In der CSS-Datei bin ich leider nicht weiter gekommen.
dylan

Re: IE 6 + 7 verschiebt menu-entrys um 1px nach unten

Post by dylan »

Ich habe meine Frage nicht hinreichend erklären können, deshalb zur Verdeutlichung hier zwei Screenshots,
die die Darstellungsproblematik mit dem Internet Explorer 6 + 7 zu zeigen:

Das menu im normalen Zustand:

Image


Das menu beim überfahren mit der Maus (hover):

Image


3 Pixel werden beim IE6 + 7 in Y-Richtung bei hover hinzuaddiert, der Abstand zwischen den Button Kontakt u. Sitemap ist nun nicht mehr 1px, sondern 4px.

Ich habe das auf mehreren Rechnern getestet, immer das gleiche: +3px.
Hat das bisher niemanden gestört?

Hoffe jemand kann helfen das Problem zu beseitigen? Danke.
NaN

Re: IE 6 + 7 verschiebt menu-entrys um 1px nach unten

Post by NaN »

Hab das schon nach dem ersten Post verstanden.
Hatte nur noch keine Zeit mir das anzuschauen.

Ist das übliche Problem.
Schau mal in Dein Template.
Im Head steht ein Javascript:

Code: Select all

<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for CSSMenu to work in IE *}
Das ist so nicht ganz korrekt.
Das Javascript wird nur beim Internetexplorer bis zur Version 6 benötigt.
Beim IE 7 gibt es dann einen Konflikt zwischen Javascript und den Stylesheets.
Also ändere mal die Zeile in:

Code: Select all

<!--[if lte IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for CSSMenu to work in IE 6 and below *}
Somit sollte eigentlich alles wieder funktionieren.
dylan

Re: IE 6 + 7 verschiebt menu-entrys um 1px nach unten

Post by dylan »

Danke! Jetzt habe ich eine saubere Navigationsleiste ;)

Wäre vielleicht auch gut die hauseigenen Templates mit anzupassen.

Nochmals Danke
Post Reply

Return to “Layout und Design”