[wemedge]

Hallo,

ich habe mit Visual CSS QuickMenu ein schönes Tree Menu erzeugt. Nun implementiere ich das im Online-Editor erstellte HTML in meine Seite an die gewünschte Stelle, zusammen mit CSS und Javascript (der Code dazu wird vom Menu-Editor mitgeliefert).

Für mein Menü habe ich eine Weite von 240 px gewählt, das ist ausreichend Platz. Sobald ich aber das HTML in meine Seite kopiere, erweitert sich die Tabelle, in der es steht, auf 469 Pixel.

In allen Browsern kann ich die Weite erzwingen, indem ich meine Tabellweite auf 240 px stehen lasse. Sieht online total ok aus.

Nur nicht im Internet Explorer. Da ist mein ganzes Seitenlayout nach rechts verschoben, weil das Menü mehr Platz beansprucht als vorgesehen und notwendig.

Der Support von Visual CSS Quick menu sagt, es liege nicht am Code des Tree Menus, sondern ich hätte wohl in meinem HTML einen Fehler. Den sehe ich aber nicht, es stimmt alles.

Weiss ein schlauer Mensch hier im Forum, was da los sein könnte?
Und warum zickt die Seite nur im IE?

Hier der link zur Seite:
http://www.elicadesign.ch/csi/dipartimenti-indexTREE.html

Ich arbeite mit OSX, in GoLive, falls das wichtig sein sollte.

Äusserst dankbar für jegliche Hilfe,

Wemedge

[willshedo]

Welchen IE meinst du? IE 6? In 7 und 8 sieht alles genauso aus wie im FF...


Grüße,

[heiko_rs]

Wieso baust Du das Menü mit JS? Außer im IE < 7 geht es in Browsern problemlos per CSS: Die Sub-Navi wird per pos. abs. ins Nirwana geschoben und beim Hovern ihres Elternelementes li (d.h. per li:hover) an die richtige Stelle gebracht.

Der IE < 7 hovert nur a, also bekommt li bei Hovern statt der Pseudoklasse eine "echte", was natürlich nur per JS geht. Passendes JS gibt es hier: http://htmldog.com/articles/suckerfish/dropdowns/ (auch das CSS siehst Du dort, wobei left: auto; nicht so schlau ist, denn der IE < 8 braucht meist Offsets, vor allem horiz., also sollte ein Wert ungleich auto eingesetzt werden.) Das JS bindest Du per CC mit "lt IE 7" ein (als externe Datei), dann bleiben die übrigen Browser davon unbehelligt.

Es gibt zwar auch Varianten komplett ohne JS - http://www.cssplay.co.uk/menus/ - aber diesen großen Aufwand betreibe ich persönlich für den IE < 7 nicht mehr. Eine solche Variante muss auch bei jeder neuen IE-Generation überprüft, und falls nötig (und möglich), überarbeitet werden.

Übrigens solltest Du den IE 6 aus dem Quirksmode nehmen und die xml-Dekl. (erste Zeile) rauswerfen - die von der XHTML-Standard-Codierung (utf-8 ) abweichende Zeichencodierung sendest Du per HTTP-Header (z.B. per .htaccess oder PHP).