Browserproblem mit TMENU_LAYERS

  • masta masta
    R2-D2
    0 x
    83 Beiträge
    0 Hilfreiche Beiträge
    29. 09. 2005, 22:51

    hallo zusammen,

    ich habe folgendes TMENU_LAYERS

    1. 10.marks.MENUE = HMENU
    2. 10.marks.MENUE {
    3. special = directory
    4. special.value = 3
    5. entryLevel = 1
    6. 1.relativeToTriggerItem = 1
    7. #1.yPosOffset = -170
    8. 1.lockPosition = y
    9. 1.leftOffset = 280
    10. #1.topOffset = -300
    11. 1.useLargestItemX = 1
    12.  
    13. #1.relativeToParentLayer=1
    14. 1.freezeMouseover=1
    15. 1.expAll = 1
    16. 1.NO = 1
    17. 1.NO.linkWrap = <div id="menu">|</div><br />
    18.  
    19.  
    20. 2.expAll = 1
    21. 2.NO = 1
    22. 2.NO.linkWrap = <div id="menu1">|</div>
    23.  
    24. }

    welches mir im Internetexplorer nach meinen Wünschen angezeigt wird und im Firefox zerrt es mir
    das Menü in erster Ebene sinnlos auseinander. Sobald ich aber im TS "1.relativeToTriggerItem = 1" deaktiviere
    zeigt es mir das Menü im Firefox mit normalen Abständen an aber die zweite Ebene wird dann bei jedem Menüpunkt
    am oberen Rand des Menüs angezeigt. Ich bin schon den ganzen tag dran aber ich finde den Fehler
    einfach nicht. Vielleicht hat jemand von euch eine Ahnung was ich falsch mache.
    ich muß dazu sagen das ich mich im mom. mit css beschäftige und mein wissen was css anbelangt
    noch in den Kinderschuhen steckt und meine Designvorlage mit div-Elementen aufgebaut ist.

    für Hilfe würde ich mich jedenfals wahnsinnig freuen vielleicht klappts ja diesmal da ich auf meine letzten 4 Fragen keine Antwort bekam. :'(
    schönen Abend noch an alle


  • 1
  • andiKeller andiKelle...
    Typ im Roten Hemd
    0 x
    3 Beiträge
    0 Hilfreiche Beiträge
    30. 09. 2005, 08:03

    Hi,
    Bin auch auf der Suche nach einer Lösung dieses Problems. Bei dir scheint es ja aber wenigstens im IE zu klappen. Kann man dieses Menu schon irgendwo sehen?

  • masta masta
    R2-D2
    0 x
    83 Beiträge
    0 Hilfreiche Beiträge
    30. 09. 2005, 10:55

    hi andi,
    ....noch nicht da ich lokal entwickle aber wenn du Dir die Arbeit machen willst hier die Designvorlage (natürlich noch nicht ganz fertig)
    [HTML]<!-- ###DOKUMENT### begin-->

    <meta http-equiv="imagetoolbar" content="no" />

    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    -->
    </style>
    <link href="../css/sommerstyleneu.css" rel="stylesheet" type="text/css" />

    <div id="linetop"><img src="../../images/red_hor.jpg" width="836" height="1" alt="" /></div>

    <div id="lineleft"><img src="../../images/red_vert.jpg" width="1" height="768" alt="" /></div>
    <div id="linebot"><img src="../../images/red_hor.jpg" width="836" height="1" alt="" /></div>
    <div id="lineright"><img src="../../images/red_vert.jpg" width="1" height="768" alt="" /></div>

    <div id="trailer">###TRAILER###</div>
    <div id="test2">
    <div align="center">###IMAGE###</div>
    </div>

    <div id="navibox">
    <div align="center">###MENUE###</div>
    </div>

    <!-- ###DOKUMENT### end -->[/HTML]
    und das dazugehörige css[HTML]#linetop {
    left: 0px;
    top: 160px;
    position: absolute;
    width: 955;
    height: 1;
    background-color: #680606;
    }
    #diebox {
    left: 0px;
    top: 0px;
    position: absolute;
    height: 768px;
    width: 955px;
    background-color: #cccccc;
    }
    #lineleft {
    left: 155px;
    top: 0px;
    position: absolute;
    }
    #linebot {
    left: 0px;
    top: 610px;
    position: absolute;
    width: 955;
    height: 1;
    background-color: #680606;
    }
    #lineright {
    left: 836px;
    top: 0px;
    position: absolute;
    }
    #test2 {
    left: 156px;
    top: 161px;
    position: absolute;
    width: 680px;
    height: 450;
    }
    #navibox {
    left: 156px;
    top: 161px;
    position: absolute;
    height: 450px;
    width: 217px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    background-color:#FFFFFF;
    z-index:1;
    }
    #menu {
    top: 120px;
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #680606;
    font-size: 12px;
    height: 15px;
    width: 120px;
    border: 1px solid #680606;
    background-color:#c48787;
    }
    #menu a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    }
    #menu a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #680606;
    }
    #menu1 {
    top: 287px;
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #680606;
    font-size: 12px;
    height: 15px;
    width: 120px;
    border: 1px solid #680606;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    background-color:#FFFFFF;
    z-index:1;
    }
    #menu1 a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #c48787;
    font-weight: bold;
    }
    #menu1 a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #680606;
    }
    #trailer {
    left: 161px;
    top: 70px;
    position: relative;
    width: 670;
    height: 84;
    }[/HTML]

    ...vielleicht hast Du ja einen Lösungsansatz.
    und hier ist noch mein ganzes verwendetes TS:

    1. page = PAGE
    2. page.typeNum = 0
    3. page.noLinkUnderline = 1
    4. page{
    5.  
    6. ###SEITENEIGENSCHAFTEN###
    7.  
    8. page.bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
    9. page.meta.AUTHOR = masta
    10. stylsheet=file
    11. includeCSS{
    12. file1 = fileadmin/css/sommerstyleneu.css
    13. file2 = fileadmin/css/menue.css
    14. }
    15. #stylesheet = fileadmin/css/sommerstyleneu.css
    16. includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
    17.  
    18. ###DESIGNVORLAGE INTEGRIEREN###
    19.  
    20. 10 = TEMPLATE
    21. 10.template = FILE
    22. 10.template.file = fileadmin/vorlagen/vorlage.htm
    23. 10.workOnSubparts = DOKUMENT
    24.  
    25.  
    26. ###TRAILER EINBINDEN###
    27.  
    28. 10.marks.TRAILER = IMAGE
    29. 10.marks.TRAILER.file = GIFBUILDER
    30. 10.marks.TRAILER.file {
    31. backColor =#FFFFFF
    32. XY = 670, 84
    33.  
    34.  
    35. ###HINTERGRUNDBILD EINLESEN###
    36.  
    37. 10 = IMAGE
    38. 10.file = fileadmin/images/trailer.jpg
    39. 10.file.import = uploads/media/
    40. 10.file.import.data = levelmedia:-1, slide
    41. 10.file.import.listNum = 0
    42. 10.file.width =670, 84
    43. 10.offset = 0, 0
    44.  
    45.  
    46. ###TEXT AUF DEN TRAILER###
    47.  
    48. 30 = TEXT
    49. 30.text.field = subtitle //title
    50. 30.fontFile = fileadmin/fonts/Charme_Wd.ttf
    51. 30.fontSize =36
    52. 30.fontColor = #FFFFFF
    53. #30.niceText =1
    54. 30.offset = 30, 60
    55. }
    56.  
    57.  
    58. ###BILD IN DER MITTE###
    59.  
    60. 10.marks.IMAGE = IMAGE
    61. 10.marks.IMAGE.file.import = uploads/media/
    62. 10.marks.IMAGE.file.import.data = levelmedia:-1, slide
    63. 10.marks.IMAGE.file.import.listNum = 1
    64. 10.marks.IMAGE.file {
    65. backColor =#FFFFFF
    66. XY = 600, 450
    67. 0ffset=0,0
    68. }
    69. ###NAVIBOX###
    70.  
    71. #10.marks.NAVIBOX = IMAGE
    72. #10.marks.NAVIBOX.file = GIFBUILDER
    73. #10.marks.NAVIBOX.file{
    74. #backColor = #FFFFFF
    75. #transparentBackground=1
    76. #transparentColor = #ffffff
    77. #transparentColor.closest = 1
    78. #XY = 217, 450
    79. #offset = 0, 0
    80. #}
    81.  
    82.  
    83. ###INHALTE AUSGEBEN###
    84.  
    85. 10.marks.INHALT = CONTENT
    86. 10.marks.INHALT {
    87. table = tt_content
    88. select.orderBy = sorting
    89. select.where = colPos = 0
    90. select.languageField = sys_language_uid
    91. }
    92.  
    93. ###MENUE###########################################################################################
    94.  
    95.  
    96. #########################################
    97. #TMENU
    98. #########################################
    99.  
    100. 10.marks.MENUE = HMENU
    101. 10.marks.MENUE {
    102. special = directory
    103. special.value = 2
    104. entryLevel = 1
    105. #1.topOffset = 180
    106. 1.lockPosition = y
    107. 1.leftOffset = 280
    108. #1.useLargestItemX = 1
    109. 1.relativeToTriggerItem = 1
    110. 1.relativeToParentLayer=1
    111. 1.freezeMouseover = 1
    112. 1.expAll = 1
    113. 1.NO = 1
    114. 1.NO.linkWrap = <div id="menu">|</div><br />
    115.  
    116.  
    117. 2.expAll = 1
    118. 2.NO = 1
    119. 2.NO.linkWrap = <div id="menu1">|</div>
    120.  
    121. }
    122.  
    123.  
    124.  
    125.  
    126.  
    127. ###LETZTE KLAMMER###
    128. }
    129. ###LETZTE KLAMMER###
    130.  
    131.  
    132.  
    133. ###CONDITIONS###
    134.  
    135. #[browser=mozilla]
    136.  
    137. #page.stylesheet = fileadmin/css/firefox.css
    138.  
    139. #[else]
    140.  
    141. #page.stylesheet = fileadmin/css/sommerstyleneu.css
    142.  
    143. #[global]

    Ich würde mich nach wie vor noch um einen Lösungsansatz freuen.
    grüße Mario

  • masta masta
    R2-D2
    0 x
    83 Beiträge
    0 Hilfreiche Beiträge
    30. 09. 2005, 13:31

    ok dann stell ich hir eben keine fragen mehr

  • 1