Hallo zusammen.
Ich habe das GMENU_LAYERS-Beispiel von dieser Seite
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html
in mein TS kopiert.
Das TS sieht dann so aus:
lib.testMenue = HMENU
lib.testMenue {
1 = GMENU_LAYERS
1 {
wrap=<table width="100%" height="100%"><tr><td><table cellspacing="0" cellpadding="0" style="position:absolute;top:500px;left:500px;"><tr>|</tr></table></td></tr></table>
layerStyle =position:absolute;VISIBILITY:hidden;
xPosOffset = -30
lockPosition = y
expAll=1
leftOffset = 15
topOffset = 30
hideMenuWhenNotOver = 1
hideMenuTimer = 250
relativeToTriggerItem = 1
NO {
wrap=<td>|</td>
backColor = #061467
XY = 150, 22
10 = TEXT
10 {
text.field = title
offset = 5,15
fontColor = #FFFFFF
fontFile = fileadmin/templates/fonts/arial.ttf
fontSize = 14
fontStyle = bold
niceText = 1
}
}
CUR = 1
CUR {
wrap=<td>|</td>
backColor = #364496
XY = 150, 22
10 = TEXT
10 {
text.field = title
offset = 5,15
fontColor = #FFFFFF
fontFile = fileadmin/templates/fonts/arial.ttf
fontSize = 14
fontStyle = bold
niceText = 1
}
}
RO = 1
RO {
wrap=<td>|</td>
backColor = #364496
XY = 150, 22
10 = TEXT
10 {
text.field = title
offset = 5,15
fontColor = #FFFFFF
fontFile = fileadmin/templates/fonts/arial.ttf
fontSize = 14
fontStyle = bold
niceText = 1
}
}
}
2 = GMENU
2 {
expAll=1
NO {
wrap=|<br />
backColor = #EEEEEE
XY = 130, 20
10 = TEXT
10 {
text.field = title
offset = 5,15
fontColor = #000000
fontFile = fileadmin/templates/fonts/arial.ttf
fontSize = 12
niceText = 1
}
}
RO = 1
RO {
wrap=|<br />
backColor = #364496
XY = 130, 20
10 = TEXT
10 {
text.field = title
offset = 5,15
fontColor = #FFFFFF
fontFile = fileadmin/templates/fonts/arial.ttf
fontSize = 12
niceText = 1
}
}
}
}
Ich habe die Seite vom Inhalt soweit reduziert, daß nur dieses Menü noch ausgegeben wird.
Den Wrap des Manüs habe ich so gendert, daß die Tabelle absolut bei 500px / 500px positioniert wird.
I Firefox klappt das Menü wie erwartet unterhalb dieser Position auf.
Im IE (6.0) erscheint das Menü zwar auch an der Stelle, die aufklappenden Untermenüs aber erscheinen oben links auf der Seite.
Weiss einer, wie ich das auch mit dem IE hinbekomme ?
Die Ausgabe sieht dann so aus:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is brought to you by TYPO3 - get.content.right
TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://www.typo3.com
-->
<meta name="description" content="Beschreibung quax-flieger" />
<meta name="keywords" content="Schlüsselwörter quax-flieger" />
<meta name="robots" content="index,follow" />
<meta http-equiv="content-language" content="de" />
<meta name="DC.Description" content="Beschreibung quax-flieger" />
<meta name="DC.Subject" content="Schlüsselwörter quax-flieger" />
<meta name="DC.Language" scheme="NISOZ39.50" content="de" />
<link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" />
<title>Quax-Flieger.de: Startseite</title>
<meta name="generator" content="TYPO3 3.8 CMS" />
<script type="text/javascript">
/*<![CDATA[*/
<!--
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror" || browserName=="Opera") {version = "n3";} else {version = "n2";}
// Blurring links:
function blurLink(theObject) { //
if (msie4) {theObject.blur();}
}
// -->
/*]]>*/
</script>
<script type="text/javascript" src="media/scripts/jsfunc.layermenu.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
<!--
if (version == "n3") {
img31_964a_0_n=new Image(); img31_964a_0_n.src = "typo3temp/menu/d41d95a099.gif";
img31_964a_0_h=new Image(); img31_964a_0_h.src = "typo3temp/menu/d41d95a099.gif";
img36_a7d9_0_n=new Image(); img36_a7d9_0_n.src = "typo3temp/menu/6a56a71a2d.gif";
img36_a7d9_0_h=new Image(); img36_a7d9_0_h.src = "typo3temp/menu/4e658b715d.gif";
img37_a7d9_1_n=new Image(); img37_a7d9_1_n.src = "typo3temp/menu/f105132016.gif";
img37_a7d9_1_h=new Image(); img37_a7d9_1_h.src = "typo3temp/menu/e74f42c7ca.gif";
img32_964a_1_n=new Image(); img32_964a_1_n.src = "typo3temp/menu/47fb35293d.gif";
img32_964a_1_h=new Image(); img32_964a_1_h.src = "typo3temp/menu/a802ceba50.gif";
img33_728e_0_n=new Image(); img33_728e_0_n.src = "typo3temp/menu/e67b46d93a.gif";
img33_728e_0_h=new Image(); img33_728e_0_h.src = "typo3temp/menu/117b4d65ee.gif";
img35_728e_1_n=new Image(); img35_728e_1_n.src = "typo3temp/menu/82d9cdb3c4.gif";
img35_728e_1_h=new Image(); img35_728e_1_h.src = "typo3temp/menu/338371b7a4.gif";
img34_728e_2_n=new Image(); img34_728e_2_n.src = "typo3temp/menu/eb1011d995.gif";
img34_728e_2_h=new Image(); img34_728e_2_h.src = "typo3temp/menu/16805e86a8.gif";
}
// -->
/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/
<!--
// JS function for mouse-over
function over(name,imgObj) { //
if (version == "n3" && document[name]) {document[name].src = eval(name+"_h.src");}
else if (imgObj) {imgObj.src = eval(name+"_h.src");}
}
// JS function for mouse-out
function out(name,imgObj) { //
if (version == "n3" && document[name]) {document[name].src = eval(name+"_n.src");}
else if (imgObj) {imgObj.src = eval(name+"_n.src");}
}
GLV_curLayerWidth["24669c"]=0;
GLV_curLayerHeight["24669c"]=0;
GLV_curLayerX["24669c"]=0;
GLV_curLayerY["24669c"]=0;
GLV_menuOn["24669c"] = null;
GLV_gap["24669c"]=1;
GLV_currentLayer["24669c"] = null;
GLV_currentROitem["24669c"] = null;
GLV_hasBeenOver["24669c"]=0;
GLV_doReset["24669c"]=false;
GLV_lastKey["24669c"] = "Menu24669c1";
GLV_onlyOnLoad["24669c"] = 0;
GLV_dontHideOnMouseUp["24669c"] = 0;
GLV_dontFollowMouse["24669c"] = 0;
GLV_date = new Date();
GLV_timeout["24669c"] = GLV_date.getTime();
GLV_timeoutRef["24669c"] = 250;
GLV_menuXY["24669c"] = new Array();
GLV_menuXY["24669c"]["Menu24669c0"] = new Array(0,0,"itemID74b35ede3f","anchorID74b35ede3f");
GLV_menuXY["24669c"]["Menu24669c1"] = new Array(150,22,"itemIDeac039d2e2","anchorIDeac039d2e2");
function GL24669c_getMouse(e) {
if (GLV_menuOn["24669c"]!=null && !GLV_dontFollowMouse["24669c"]){
}
GL_mouseMoveEvaluate("24669c");
}
function GL24669c_hideCode() {
GL_getObjCss("Menu24669c0").visibility = "hidden";
GL_getObjCss("Menu24669c1").visibility = "hidden";
}
function GL24669c_doTop(WMid,id) {
var parentObject = GL_getObj(GLV_menuXY[WMid][id][2]);
var TI_width = parentObject.width;
var TI_height = parentObject.height;
var anchorObj = GL_getObj(GLV_menuXY[WMid][id][3]);
var TI_x = anchorObj.x;
var TI_y = anchorObj.y;
GLV_menuOn["24669c"].left = (TI_x+15)+"px";
GLV_menuOn["24669c"].top = (TI_y+30)+"px";
}
function GL24669c_restoreMenu() {
}
function GL24669c_resetSubMenus() {
var resetSubMenu=1;
return resetSubMenu;
}
GLV_timeout_pointers[GLV_timeout_count] = "24669c";
GLV_timeout_count++;
// -->
/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/
function T3_onmousemoveWrapper(e) { GL_getMouse(e); GL24669c_getMouse(e); }
function T3_onmouseupWrapper(e) { GL_mouseUp('24669c',e); }
function T3_onloadWrapper() { GL_initLayers(); GL_restoreMenu("24669c"); }
document.onmousemove=T3_onmousemoveWrapper;
document.onmouseup=T3_onmouseupWrapper;
document.onload=T3_onloadWrapper;
/*]]>*/
</script>
</head>
<body onload="T3_onloadWrapper();">
<div id="Menu24669c0" style="z-index:9999; position:absolute;VISIBILITY:hidden;"><a href="index.php?id=36" onfocus="blurLink(this);" onmouseover="over('img36_a7d9_0');" onmouseout="out('img36_a7d9_0');"><img src="typo3temp/menu/6a56a71a2d.gif" width="130" height="20" border="0" alt="Unter 1" name="img36_a7d9_0" /></a><br /><a href="index.php?id=37" onfocus="blurLink(this);" onmouseover="over('img37_a7d9_1');" onmouseout="out('img37_a7d9_1');"><img src="typo3temp/menu/f105132016.gif" width="130" height="20" border="0" alt="Unter 2" name="img37_a7d9_1" /></a><br /></div>
<div id="Menu24669c1" style="z-index:9998; position:absolute;VISIBILITY:hidden;"><a href="index.php?id=wersindwir" onfocus="blurLink(this);" onmouseover="over('img33_728e_0');" onmouseout="out('img33_728e_0');"><img src="typo3temp/menu/e67b46d93a.gif" width="130" height="20" border="0" alt="Wer sind wir" name="img33_728e_0" /></a><br /><a href="index.php?id=waswollenwir" onfocus="blurLink(this);" onmouseover="over('img35_728e_1');" onmouseout="out('img35_728e_1');"><img src="typo3temp/menu/82d9cdb3c4.gif" width="130" height="20" border="0" alt="Was wollen wir" name="img35_728e_1" /></a><br /><a href="index.php?id=woherommenwir" onfocus="blurLink(this);" onmouseover="over('img34_728e_2');" onmouseout="out('img34_728e_2');"><img src="typo3temp/menu/eb1011d995.gif" width="130" height="20" border="0" alt="Woher kommen wir" name="img34_728e_2" /></a><br /></div>
<table width="100%" height="100%"><tr><td><table cellspacing="0" cellpadding="0" style="position:absolute;top:500px;left:500px;"><tr><td><div id="anchorID74b35ede3f" style="position:absolute;visibility:hidden;"></div><div id="itemID74b35ede3f" style="width:100%; height:100%;"><a href="index.php?id=31" onfocus="blurLink(this);" onmouseover="GL_doTop('24669c', 'Menu24669c0');over('img31_964a_0');" onmouseout="out('img31_964a_0');GL_stopMove('24669c');GL_resetAll(" 24669c=""><img src="typo3temp/menu/d41d95a099.gif" width="150" height="22" border="0" alt="Startseite" name="img31_964a_0" /></a></div></td><td><div id="anchorIDeac039d2e2" style="position:absolute;visibility:hidden;"></div><div id="itemIDeac039d2e2" style="width:100%; height:100%;"><a href="index.php?id=wirueberuns" onfocus="blurLink(this);" onmouseover="GL_doTop('24669c', 'Menu24669c1');over('img32_964a_1');" onmouseout="out('img32_964a_1');GL_stopMove('24669c');GL_resetAll(" 24669c=""><img src="typo3temp/menu/47fb35293d.gif" width="150" height="22" border="0" alt="Wir über uns" name="img32_964a_1" /></a></div></td></tr></table></td></tr></table>
</body>
</html>
Live könnt ihr das Beispiel unter:
http://quax-flieger.de/index.php
Weiss jemand Rat ?