2011-01-12 6 views
0

私はFLEXでページを作成しましたが、私はscroller(ページの内容)とIE/firefoxの下部ステータスバーに問題があります。それらは互いに簡単にオーバーラップしています(ステータスバーが前面にあり、ページのコンテンツを隠しています)。ブラウザのこれらの要素の高さを読み取る方法はありますか?(それに応じて 'paddingbottom'を変更しますか? (私はそれらを無効にすることはセキュリティの理由から禁止されていることを知っています)。firefox/IEステータスバーがFLEXページの前にあります

コード:

<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> 

私は例のもののほとんどを削除しました。私はアプリケーションとscrollerのheigthをprecentに変更しようとしましたが、それは助けませんでした。

あなたはこちらのページの例を見ることができます:http://cerber.cs.put.poznan.pl/~inf84884/

答えて

0

あなたはパーセンテージでアプリケーションの高さを使用してみました? は、フレックスアプリケーションにスクロールバーを表示し、スクロールダウンすることでコンテンツ全体を表示することもできます。

コードを共有してください。 また、いくつかの詳細が良いでしょう。

+0

私はそれをちょっと混乱させました - しかし、私はアプリケーションとスクロールコンポーネントに興味がありました。手動でパディングの底を設定することはできますが、Chromeブラウザ(ステータスバーなし)では恐ろしいことになります。 – Thomas

関連する問題