2011-11-10 17 views
1

私はdivをページ全体の境界として持つマスターページを持っています。マスターページ内のdivの高さをコンテンツページで拡大するにはどうすればいいですか?

コンテンツページに配置されたコンテンツに応じてこのdivを展開します。

これを行うにはどうすればいいですか? divでclear:noneを使用しても問題はありません。マスターページからページを継承せずに(つまり、マスターページをまったく使用しないで)です。ただし、マスターページを使用すると、divは展開されません。

マスターページ内の現在のコード:

<div class="page-border"> 
    <div class="header"> 
     HEADER</div> 
    <div class="outer"> 
     <div class="content"> 
      <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server"> 
      </asp:ContentPlaceHolder> 
     </div> 
     <div class="banner"> 
      BANNER 
    </div> 
    <br style="clear:none"/> 
</div> 

EDIT:ラッパーのdiv内のコンテンツは、それはないでしょう浮かべている場合は

.page-border 
{ 
    width: 1000px; 
    padding: 10px; 
    margin: 0px auto; 
    border: 1px solid gray; 
} 

.outer 
{ 
    float: left; 
    padding: 0px; 
    margin-right: 0px; 
    margin-top: 10px; 
    width: 986px; 
    margin-left: 12px; 
} 

.content 
{ 
    float: left; 
    height: 503px; 
    width: 779px; 
    margin-bottom: 0px; 
    margin-left: 2px; 
} 
+0

ポストいくつかのコード。しかし、あなたのコンテンツページにはすべてのコンテンツの最後に

が必要ですが、まだ国境divの内側にあるように聞こえます。 – Dave

+0

@Daveコードを投稿しました! –

+0

@Dave CSSクラスが追加されました –

答えて

0

これは、仕事は、私たちは.contentのスタイルルールを確認する必要がありますしない場合

<div> 
    <div class="content"> 
     <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server"> 
     </asp:ContentPlaceHolder> 
     <div style='clear:both'></div> 
    </div> 
    <div class="banner"> 
     BANNER 
    </div> 
    <br style="clear:none" /> 
</div> 

1クラスの更新:

.content 
{ 
    float: left; 
    min-height: 503px; 
    width: 779px; 
    margin-bottom: 0px; 
    margin-left: 2px; 
} 
+0

ページのメインマークアップを表示するようにコードを更新しました。 –

+0

Daveさん、ありがとうございました! –

0

:私は以下のCSSクラスを追加しましたそれを包み込む。 CSSの宣言にoverflow:hidden;またはoverflow:auto;を追加して、内容とともに展開するようにしてください。

+0

試行されましたが失敗しました。ページの内容とともに外側のdivを展開していないが、その反対に行った。 –

+0

ページのメインマークアップを表示するようにコードを更新しました。 –

関連する問題