Zum Inhalt springen

Layermenü - Firefox-Katastrophe

Erstellt am 1. Juni 2007 · 4 Antworten · letzte Antwort am 1. Juni 2007

Tags: Frage

Annna ·

Hallo an alle!

Eines vorab:
Ich habe eben eines von 3 Problemen gelöst und aus dem Beitrag entfernt.
Das Menü ist nun keine Katastrophe mehr, aber dennoch unakzeptabel.

Hier die Fehler:

1.) Die Trennlinien erscheinen im Layer nicht durchgezogen (nur FF)

2.) IE + FF: 3.Ebene erscheint nur nach Auswahl 2.Ebene und nochmals Aufruf des Menüs
(Bsp. Menüpunkt Unsere Artikel - Fachbücher)

Zu sehen ist das alles hier:
http://www.busse-informatik.de/mustertemplate2.0.html

So und nun einmal meine Codierungen:

<body>
   <div id="m2_container">
      <div id="m2_kopf"> <p class="m2_logo">###M2_LOGO### </p> </div>
      ###M2_LAYER###
      <div id="m2_rumpf">###M2_INHALT### </div> 
	  <div id="m2_fuss"> Copyright ... </div>
   </div>
#m2_container   { width:780px; margin:0px 0px 0px 100px; padding:0px; border:2px solid #9999CC; 
                  background-image:url(/fileadmin/Projekt10SB/P10Muster/M2KopfL.jpg);  }
#m2_kopf        { width:780px; height:187px; margin:0px;  }
.m2_logo        { font: 24px bold Verdana, Helvetica, Arial; padding:30px 0px 0px 30px; color:#FFFF66; }
#m2_rumpf       { width:760px; min-height:275px; padding:0px; margin:10px; background-color:#FFFFFF;}
#m2_fuss        { width:780px; text-align:center; background-color: #EEEEEE; border-top:1px solid navy;}

/********** Im TypoScript verwendete Stylesheets ********************/
/** Gestaltung der horizontalen Leiste ********** */
.layer_tab          { width:780px; background-color:#3399DD; }     
.layer_tab a        { font:12px bold Verdana, Helvetica, Arial; color:#000000; text-decoration: none;} 
.layer_tab a:hover  { color:red; } 
/** Gestaltung der herunterfallenden Layer ******/
.layer_wrap         { width:14em; height:16px; border-top:1px solid #FFFFFF; padding:0px; margin:0px; }
.layer_wrap a       { color:#FFFFFF;  text-decoration: none;}
.layer_wrap a:hover { color:red; }

Und hier das TypScript:

M2_LAYER = HMENU
  M2_LAYER {
   special = directory
   ## Einstiegsseite 
   special.value = 224
   entryLevel = 0
   1 = TMENU_LAYERS
   1 {
     wrap=<table class="layer_tab"><tr>| </tr></table>
     ## Darstellung des Layers
     layerStyle = position:absolute; VISIBILITY:hidden; background-color:#3399DD;
     lockPosition = y
     hideMenuWhenNotOver = 1
     hideMenuTimer=50
     expAll=1
     ## Beginn von links
     leftOffset = 0
     ## Beginn von oben 
     topOffset =18
     relativeToTriggerItem = 1
     NO {	
        allWrap=<td>|</td>
        }
     }
    2 = TMENU
    2.NO {
         allWrap=<span class="layer_wrap"> |</span><br />
         }
          2 = TMENU
    3 = TMENU
    3.NO {
         allWrap=<span class="layer_wrap">   |</span><br />
         }
    }

Kann man hier vielleicht was ändern, dass die 3.Ebene sofort nach Überfahren der 2. Ebene aufsprint oder ist das bei diesen Layern immer so?

Ich bedanke mich vielmals
Viele Grüße
Annna

Unbekannter Benutzer ·

Also

1. du hast eine Breite für das Submenü gesetzt ( 14em) ich vermute das ist zu wenig. Da wo die Trennlinien aufhören sind die 14em zu Ende und der Rest guckt drüber hinaus. Ist also korrekt so, weil der Container mit dem Border halt nur 14em breit ist und der Content drübergeht.

2. du musst entweder in der 2 Ebene ein expAll = 1 einfügen oder aus der 2. Ebene auch ein Layermenu machen...

Grüße

Christian

Annna ·

Hallo Kitsunet!

Danke für die schnelle Antwort!!!!

Das expAll=1 habe ich gesetzt. Jetzt sieht man die 3.Ebene auch sofort.
Die vermutlich noch elegantere Variante mit dem zusätzlichen Layermenu
werde ich zu einem späteren Zeitpunkt mal austesten.
Ich habe den ganzen Code übrigens hier
http://www.busse-informatik.de/mustertemplates.html
bzw. hier direkt
http://www.busse-informatik.de/fileadmin/Projekt10SB/P10Muster/M2PDFQuellcode.pdf
als PDF-Datei abgebildet.

Zur anderen Frage:
Wenn Du meintest, ich solle 14em einfach vergrößern auf z.B. 20 oder 30em.
Das war leider ein Flopp.
Hatte das schon mal ausgetestet. Auch mit anderen Maßeinheiten.
Die Layers werden endlos breit aber die Trennlinien enden leider immer da
wo der Text zu Ende ist.
Fazit: das Problem besteht leider noch. 🙁
Freue mich über jede Idee und werde es fleißig austesten.

Viele Grüße
Annna

Unbekannter Benutzer ·

Oh, nein, ich hatte nur noch nicht durchschaut was du da gemacht hast... Ich würd das ja nicht als Tabelle machen, aber gut, dass ist ein anderes Thema...

allWrap=<span class="layer_wrap"> |</span>

ersetz das mal durch:

allWrap=<div class="layer_wrap"> |</div>

Noch sauberer währe daraus eine liste mit ul und li zu machen...

Wo kommen denn die <br> Tags im Spiel, die ich auf der Seite im Frontend sehe? In deinem geposteten TS sind die ja nicht.

Annna ·

Hallo Kitsunet!

Danke!! Suuuuuuuuuuper!!!!!!!!!! Mit den DIV´s hat's geklappt.

Ich weiß, man kann (sollte) das Layermenü auch ohne Tabellen machen.

Leider ist das Thema CSS meine große Schwachstelle.
Habe mit TYPO3 begonnen ohne jemals mit CSS gearbeitet zu haben.
Dieses Mustertemplate war sozusagen der Anfang, jetzt endlich mal
von den Tabellen wegzukommen.
Fällt mir leider ganz schön schwer. Aber wie gesagt, ich will das jetzt angehen.
Aber heute nicht mehr.
Auch die PDF-Datei wird erst morgen aktuallisiert. Jetzt mache ich den Rechner aus.
Gute Nacht
Annna