2011-01-12 6 views
0

Ich habe die Seite in FLEX erstellt, aber ich habe Probleme mit Scroller (der Seiteninhalt) und der unteren Statusleiste von IE/Firefox. Sie überlappen sich leicht (mit Statusleiste in der Front - Verbergen des Inhalts der Seite) - Gibt es eine Möglichkeit, die Höhe dieser Elemente in Bezug auf den Browser zu lesen (um 'paddingbottom' entsprechend zu ändern)? (Ich weiß, dass es aus Sicherheitsgründen verboten ist, sie zu deaktivieren).Firefox/IE Statusleiste sind vor FLEX Seite

Code:

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="800" minHeight="600" 
      xmlns:components="components.*" 
      xmlns:men="components.pages.admin_subpage.*" 
      backgroundColor="#000000" 
      creationComplete="init()" 
      applicationComplete="application1_applicationCompleteHandler(event)" 
      skinClass="BackgroundColor" 
      > 
<s:Scroller id="scroll" left="2" right="2" top="2" bottom="2"> 
    <s:VGroup id="tresc" 
       textAlign="center" horizontalAlign="center" gap="10" horizontalCenter="0" bottom="0" paddingBottom="10" top="20" width="100%" height="100%" 
       gap.schowaneLogowanie="0"> 
     <s:HGroup width="100%" paddingLeft="20" paddingTop="20" horizontalAlign="center" textAlign="center" verticalAlign="middle" width.schowaneLogowanie="91%" gap.schowaneLogowanie="0" paddingLeft.schowaneLogowanie="0" paddingRight.wysunieteLogowanie="15"> 
      <s:Group width="100%"> 
       <components:logo id="logo" width="100%" width.schowaneLogowanie="100%"/> 
       <s:HGroup width="100%" verticalAlign.schowaneLogowanie="middle" height.schowaneLogowanie="122" gap="0"> 

        <mx:Spacer width="83%"/> 
        <s:TextInput height="30" contentBackgroundAlpha="0.3" width="12%" id="searchText" keyDown="hgr_keyDownHandler(event)" text="Search..." borderVisible.schowaneLogowanie="false"/> 
        <s:Button height="32" alpha="0.8" width="5%" click="button1_clickHandler(event)" label="Go"/> 
       </s:HGroup> 
      </s:Group> 
     </s:HGroup> 
     <men:menuTest id="menu" width="100%" textAlign="center"/> //Whole content of page is set here 
     <components:stopka id="stopka" bottom="5" left="5" right="5" /> 
     <!--<components:menu currentState="wysunietaTresc" textAlign="center" width="100%"/>--> 
    </s:VGroup> 
</s:Scroller> 
</s:Application> 

ich die meisten Sachen aus Beispiel gelöscht. Ich habe versucht, Anwendung und Scrollerhöhe zu ändern, aber es hat nicht geholfen.

Sie können die Seite Beispiel hier sehen: http://cerber.cs.put.poznan.pl/~inf84884/

Antwort

0

Sie versuchen Haben die Höhe der Anwendung als Prozentsatz mit ?? , die eine Bildlaufleiste in der Flex-Anwendung aufstellen würde, und Sie können auch den gesamten Inhalt durch Scrollen nach unten sehen.

Möchten Sie Ihren Code bitte teilen? Auch ein paar mehr Details wären nett.

+0

Ich postete es, es ist ein bisschen chaotisch - aber ich bin nur interessiert an Anwendung und Scroller-Komponente. Ich kann das Padding unten manuell einstellen, aber es wird im Chrome-Browser (ohne Statusleiste) schrecklich aussehen. – Thomas