0

メインのWebページで次のDIVレイアウトを使用するGWTアプリケーションがあります。

<div id="mainContainer">
    <div id="applicationHeader">
        <div id="imageLoader"></div>
        <div id="applicationHeaderMain">
            <div id="logo"></div>
            <div id="banner"></div>
            <div id="menu"></div>
        </div>
    </div>
    <div id="applicationContainer"></div>
    <div id="applicationFooter"></div>    
</div>

applicationHeaderとはどちらもapplicationContainerCSSコマンドwidth:100%;を使用して、サイズをブラウザのサイズに適合させます。ApplicationContainerの中に、TabPanelがあります。

これで、タブの1つにあるいくつかの要素のサイズを変更する関数ができました。その場合、TabPanelがブラウザーの全幅を超えることがあります。TabPanel自体は、その子のサイズに適切に適応mainContainerします。これも同様に行われるようですが、applicationHeader-DIVは、親要素のサイズが変更されても、実際のサイズを維持します。

applicationHeader-DIVのサイズを正しく変更するにはどうすればよいですか？

4

1 に答える 1

0

コード例を見ないと決定的な答えを出すのは難しいですが、次の状況を見てみましょう。

  1. applicationHeader div の css position プロパティは、デフォルト (静的) 以外に設定されています。これにより、その幅が直接の親以外の要素の全幅に設定される可能性があります。

  2. applicationHeader div には、mainContainer 以外の親要素があります。おそらく、一部の JavaScript が html 構造を動的に変更し、予期しない効果を生み出している可能性があります。

詳細を提供していただければ、より多くのお手伝いをさせていただきます。

于 2012-11-29T21:58:14.553 に答える