(GELÖST) Navigationsleiste funktioniert nicht bei IE, HILFE !!!

[hamsterhuette]

Hallo,
man hat mir gestern gesagt, das die Untermenüs in meiner Navigationsleidte in IE nicht selektiert werden können. Mit Firefox garkein Problem, nun habe ich eben den IE installiert und tatsächlich, ich kann die Untermenüs zwar sehen aber nicht auswählen. Kann mir jemand sagen, wie ich dies ändern kann? Meine Seite www.hamsterhuette.de

[antibart]

Scheinbar ist beim IE nicht die komplette Schaltfläche verlinkt, sondern nur der Text. Dadurch wird er Kontakt zum Link unterbrochen und das Submenu verschwindet. Wenn Du nämlich mal versuchst, mit der Maus blitzartig den Linktext zu erreichen, bleibt das menü offen.

Du müsstest also mal die css-Eigenschaften des Menus untersuchen. Fehlt da vielleicht ein with, Padding oder ist ein Pixel Margin zuviel? Wäre vielleicht ein display:block; oder ein position:absolut;  hilfreich?

Auch die kleinen "Ruckler" im IE weisen darauf, dass die Styles nicht ganz sauber sind.

Um den Fehler genauer zu orten, müsste wir die css des Menüs kennen.

..

[hamsterhuette]

hmmm.... ja *g*
kannst Du mir das noch einmal erklären, damit ich es verstehe? Das CSS Style ist left simple navigation + 1 column

[antibart]

hmmm.... ja *g*
kannst Du mir das noch einmal erklären, damit ich es verstehe? Das CSS Style ist left simple navigation + 1 column

Da ich selbst immer alle "Werkstemplates" inkl. der css  direkt nach der Installation von CMSMS lösche und nur meine eigenen benutze, habe ich das Template leider nicht vorliegen. Demnach kann ich Dir auch nicht genau sagen. wo der Fehler liegt.

[hamsterhuette]

[glow=red,2,300]Hier mal das Template:[/glow]


{process_pagedata}



{* Change lang="en" to the language of your site *}



{sitename} - {title}
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}




{stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}


{literal}

=b){nw=b+"px";}if(w



#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}


{/literal}
{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" *}





{* The above JavaScript is required for CSSMenu to work in IE *}







   {* start accessibility skip links *}
   
     {anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}
     {anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}
   
   {* end accessibility skip links *}


   
   {* Horizontal ruler that is hidden for visual browsers by CSS *}


  {* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "For template: Left menu + 1 column" *}
 
          {cms_selflink dir="start" text="$sitename"}
 
 
  {* End Header *}


  {* Start Search *}
 
         {search}
 
  {* End Search *}


  {* Start Breadcrumbs *}
 
       {breadcrumbs starttext='You are here' root='Home' delimiter='»'}
 
 
  {* End Breadcrumbs *}


  {* Start Content (Navigation and Content columns) *}
 

     {* Start Navigation *}
     
        Navigation
        {menu template='cssmenu.tpl'}
     
     
     {* End Navigation *}


     {* Start Content Area *}
     
        {print showbutton=true script=true}
        {title}
        {content}


        {* Start relational links *}


{anchor anchor='main' text='^ Top'}

       
           {cms_selflink dir="previous" label="Previous page: "}

           {cms_selflink dir="next"}
       
        {* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
{* End relational links *}

     
     
 {* End Content Area *}


 
  {* End Content *}


  {* Start Footer. Edit the footer in the Global Content Block called "footer" *}
 
     {global_content name='footer'}
   
  {* End Footer  *}


{* end pagewrapper *}

[NaN]

Was mich gerade wundert ist, dass auch bei einer meiner Seiten diese Flacker-Effekte auftreten.
Und sogar einige Stylesheets nicht mehr korrekt funktionieren.
Die Seite ist seit gut einem Jahr online und es gab seit dem Start keinerlei Probleme.
Jetzt schau ich mir die Seit im IE6 an und komme ins Grübeln.
Denn seit einem Jahr wurde an der Seite nichts geändert und trotzdem sieht es aufeinmal scheusslich aus.
(hatte das Ding damals in 12 Browsern getestet!)
Das kann auch nicht an Servereinstellungen liegen.
Denn wenn ich offline teste habe ich das gleiche Ergebnis.

Allerdings habe ich gerade keine saubere Installation des IE.
Habe nur multiple IE.
Könnte auch an irgendeinem Plugin oder Update des IE7 liegen oder, dass da irgendwas bei Multiple IE mit Windows kollidiert.
Bin da gerade etwas ratlos. (Um nicht zu sagen verwirrt.)
Zumal die Standard Templates früher ebenfalls ohne Probleme funktioniert haben.



Aber die Tatsache, dass mir das noch nicht aufgefallen ist, sagt mir, dass ich den IE in letzter Zeit immer mehr links liegen lasse.
Besonders den IE6.
Sollten alle so machen

[NaN]

Schau mal hier nach:

http://forum.cmsmadesimple.org/index.ph ... 044.0.html

könnte evtl. auch auf Deine Seite zutreffen.

[mike-r]

Das Flackern/Wackeln kommt hier aus einem der Javascripte.
Abhilfe evtl. indem man den Aufruf der Javascripte VOR den Aufruf der Stylesheets stellt.
Hilft das nicht, im Template ein JS nach dem andern auskommentieren, und herausfinden, welches das verursacht. Dann kann man noch einmal genauer schauen.

Wg. dem anderen Thread; sollte es imho keine Überschneidungen geben, da die Seite (hamsterhuette) nicht im Quirksmode, sondern im Standardsmode gerendert wird.

[hamsterhuette]

kannst Du mir dabei vielleicht behilflich sein? Habe noch nicht wirklich so den Durchblick, doch ist das mit dem IE sehr nervig, weil niemand meine Seite wirklich nutzen kann mit IE

[NaN]

In Deinem Template gibt es z.B. das gleiche Problem wie hier:

http://forum.cmsmadesimple.org/index.ph ... #msg161119

Damit ist allerdings nur ein Teil Deines Problems gelöst.
(habs offline schon mal mit Deiner Seite probiert)
Die Untermenüs verschwinden trotzdem wieder sobald man mit der Maus darüber geht.
Was hast Du denn alles an den Stylesheets verändert?
Wenn ich sowas sehe, dann hab ich das unbestimmte Gefühl, dass Du mehr als nur die Farben geändert hast:

Code: Select all

#primary-nav a {
	background:transparent none repeat scroll 0 0; /* <-- was bitte soll z.B. das? */
	border:1px solid #C46835;
	color:#C46835;
	display:block;
	margin:0;
	min-height:1em;
	padding:5px 10px;
	text-decoration:none;
}

...

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: transparent; /* <-- oder das??? */
}

Transparenter Hintergrund für alle hover-Elemente?
Das solltest Du unbedingt noch ändern.
Ich kann Dir leider nicht sagen wo genau der Fehler liegt, aber es hat auf jeden Fall etwas mit Deinen Änderungen zu tun.
Hab gerade mal die mitgelieferten Stylesheets lokal mit Deiner Seite auspropbiert (die unterscheidn sich ja wirklich nur gering) und siehe da, es funktioniert.
Also am einfachsten wäre es, wenn Du nochmal die original Stylesheets nimmst und wirklich nur die Farben anpasst.

[hamsterhuette]

hmmmm.... Ich musste das Banner entsprechend anpassen und habe dann die Farben geändert, mehr eigentlich nicht

Ich habe natürlich keine Kopie von dem Stylesheet erstellt..... *schnief*

[maninweb]

Guten Morgen...

@NaN: der Multiple IE verhält sich auch bei mir anders als der Original IE.
Dass es an an den Updates durch MS liegt, kann ich mir auch vorstellen.
Bliebe noch eine VM mit WinXP installieren und es dort zu testen.

Alles in Allem, der IE6 sollte zur Geschichte gehören.

Gruß

[NaN]

Ich glaube ich habe den Übeltäter.
Es liegt - soweit ich feststellen konnte - daran, dass der IE ein Problem mit der Angabe

Code: Select all

background-color: transparent;

hat.
Die gibts so nämlich eigentlich garnicht.
Wenn, dann nimm

Code: Select all

background: transparent;

Aber wie schon gesagt, bei hover-Effekten würde ich die Transparenzen wegnehmen.
Ergibt für mich keinen Sinn.
Und sieht außerdem doof aus

[NaN]

Alles in Allem, der IE6 sollte zur Geschichte gehören.

Nicht nur die 6

[hamsterhuette]

Danke für den Tipp, jetzt läufts auch wieder mit dem InternetMülleimer von Microcosmos