Zum Inhalt springen

Positionsprobleme mit GMENU_LAYER

Erstellt am 22. August 2007 · 1 Antwort · letzte Antwort am 23. August 2007

Tags: HTML & CSS, Frage

lightning ·

hallo

ich habe ein Menu, welches mit GMENU_LAYER realisiert ist, nun habe ich das Problem, dass die Website zentriert ist und damit die absolute Position vom Rand auf jedem Bildschirm anders ist. Bei 1024x768 passt es, aber bei einer 1680x1050 er Auflödung sieht es sehr verschoben aus.

http://smh.h925001.serverkompetenz.net/cms/
Unter den Punkt Service z.B. tritt das verschobene Menu auf.
Das Typoscript hierfür ist:

 # Navigationsleiste
    subparts.MENU = HMENU
    subparts.MENU.1 = GMENU_LAYERS
    subparts.MENU.1 {
       layerStyle = position:absolute;top:200px;left:130px;width:110px;VISIBILITY:hidden;
       xPosOffset = -125
       lockPosition = x
       expAll = 1
       relativeToParentLayer = 1
       relativeToTriggerItem.addWidth = 
       NO {
           hideMenuTimer = 5
           backColor = #F6F9FB
           10.fontColor = #3B6EBF
           XY = [10.w]+15, 20
           10 = TEXT
           10.text.field = title
           10.fontSize = 9
           10.fontFile = fileadmin/smh/style/trebuc.ttf
           10.offset = 5,15
       }
    }
    
    subparts.MENU.2 = GMENU_LAYERS
    subparts.MENU.2 {
       layerStyle = position:absolute;width:100px;VISIBILITY:hidden;
       relativeToParentLayer = 1
       relativeToTriggerItem = 2
       relativeToTriggerItem.addWidth = 1
       expAll = 1
       NO {
           backColor =  |*| #CFCFCF|| #F9F6FB |*|
           10.fontColor = #3B6EBF
           XY = 140,20
           10 = TEXT
           10.text.field = title
           10.fontFile = fileadmin/smh/style/trebuc.ttf
           10.fontSize = 9
           10.offset = 3,13             
       }
    } 
    subparts.MENU.3 = GMENU
    subparts.MENU.3 {
    	NO {
    	    backColor = |*| #CFCFCF|| #F9F6FB |*|
    	    XY = 120,20
    	    10 = TEXT
    	    10.text.field = title
    	    10.fontFace = fileadmin/smh/style/trebuc.ttf
    	    10.fontColor = #3B6EBF
    	    10.fontSize = 9
   	    10.offset = 3,13    	    
    	}
    }

Welche Einstellung muss ich noch machen, damit das Menu zusammenhängt?

lightning ·

Habe es wie folgt gelöst.

subparts.MENU {
      1 = GMENU_LAYERS
      1 {
         wrap=<table><tr>|</tr></table>
         layerStyle =position:absolute;VISIBILITY:hidden;
         xPosOffset = -30
         useLargestItemX = 1
         lockPosition = y
         expAll=1
         leftOffset = 15
         topOffset = 30
         hideMenuWhenNotOver = 1
         hideMenuTimer=250
         relativeToTriggerItem = 1
      NO {
         wrap=<td>|</td>
         backColor = #F6F9FB
         10.fontColor = #3B6EBF
         XY = [10.w]+15, 20
         10 = TEXT
         10.text.field = title
         10.fontFile = fileadmin/smh/style/trebuc.ttf
         10.offset = 5,15
      }
     }
      2 = GMENU_LAYERS
      2 {
          layerStyle =position:absolute;VISIBILITY:hidden;
          xPosOffset = -115
          yPosOffset = -210    
          lockPosition = y
          dontFollowMouse=true
          displayActiveOnLoad = 0
          expAll = 1
          hideMenuWhenNotOver = 1
          hideMenuTimer=250
        }
      2.NO {
        wrap=|<br>
        backColor =  |*| #CFCFCF|| #F9F6FB |*|
        #XY = [10.w]+10, 14
        XY = 140,20
        10 = TEXT
        10.text.field = title
        10.fontFile = fileadmin/smh/style/trebuc.ttf
        10.fontSize = 10
        10.fontColor = #3B6EBF
        10.offset = 5,15
     }
      3 = GMENU
      3 {
      NO {
        wrap=|<br>
        backColor = |*| #CFCFCF|| #F9F6FB |*|
        XY = 140,20
        10 = TEXT
        10.text.field = title
        10.fontFace = fileadmin/smh/style/trebuc.ttf
        10.fontColor = #3B6EBF
        10.fontSize = 9
        10.offset = 3,13    	    
       }
     }
  }