Leerer DIV Layer wird nur im IE angezeigt

Mion Mion,

ich habe da ein kleines Darstellungsproblem mit dem IE.

Auf meiner Testseite http://www.schwofen.de könnt Ihr Euch das ganze mal Life anschauen.

Ich habe eine SubNavigation, welche erst aktiv / angezeigt wird, wenn mann einen entsprechenden Hauptmenüpunkt anwählt - z.B. Spieletips. Das klappt auch soweit.
Wenn keiner der Punkte angewählt ist, wird im IE jedoch der DIV Layer mit der Hintergrundfarbe direkt unter dem Hauptmenü als "farbiger Balken" angezeigt. Im Firefox wird so wie es sein soltle nichts angezeigt.

Den Div Layer habe ich wie folgt defineirt:
#submainnavigation {
background-color: #e8b563;
width: 1000px;
text-align: left;
font-size: 11px;
}

Hierzu der entsprechende TS:

temp.subnavi = HMENU
temp.subnavi {
entryLevel = 1
excludeUidList = 13,14,38,41,44
1 = TMENU
1.NO.allWrap = <li> |</li>
1.wrap = <ul> |</ul>
1.ACT= 1
1.ACT.allWrap = <li id="submainnavigationcur">| </li>
1.CUR = 1
1.CUR.allWrap = <li id="submainnavigationcur">| </li>
}

Hat jemand einen Tip für mich wie a) den leeren Layer auch im Firefox anzeigen lassen kann oder b) im IE die Ausgabe unterdrücken kann???

Es dankt

der Wombel

Hallo.

Das Problem dürfte sein, dass FF und IE ein leeres DIV unterschiedlich interpretieren. Während FF keinen Inhalt sieht und folglich nichts darstellt, "sieht" der IE da Whitespacezeichen (wie die Zeilenumbrüche im HTML-Code) und stellt was dar, weil Inhalt da ist.

Eine Möglichkeit wäre, dass Du in diesem DIV ein Leerzeichen erzwingst (&nbsp😉 oder aber das ganze DIV nur in den Code reinpackst, wenn die Subnavi vorhanden ist - also direkt per TS um Deine Liste packst.

Viele Grüße
Julian

Julian meint dann sowas hier in die Richtung... wäre auch mein Vorschlag!

temp.SUBMENU = COA
     temp.SUBMENU {
     stdWrap.required = 1
     stdWrap.wrap = <div class="bg"><div class="ro"><div class="lo"><div class="ru"><div class="lu"><div class="inhalt-nav"> | </div></div></div></div></div></div>
 
1 = HMENU
1 {
    entryLevel = 1
                 1 = TMENU
        1 {
                expAll = 1
                wrap = <ul id="navsub">|</ul>
                noBlur = 1
                NO = 1
                NO.wrapItemAndSub = <li>|</li>
 
                IFSUB = 1
                IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
                ACTIFSUB < .IFSUB
 
        }
        2 < .1  
        2.wrap = <ul>|</ul>
 
        3 < .2
        4 < .2
}
}