0

divにパネルがあり、そのパネルをコンテナとして使用してパネルを追加したいと思います。パネルをパネルに追加したいのはなぜですか？私が既存のパネルに追加しているパネルもオブジェクトを含むように作られているので、画像とラベルのみです。

既存のマスターコンテナパネルは設計時に作成され、「toolboxpanel」という素敵な名前で呼ばれます。実行時に、画像とラベルを動的に作成し、両方をパネルに追加してから、そのパネルをツールボックスパネルに追加するfor /nextループがあります。これを次に示します。

For i = 0 To imageholder.Count - 1 'create a control
        insertpanel = New Panel 'these object types have been DIM'd up above
        insertimage = New Image
        inserttext = New Label
        inserttext.ID = "text" + partnumberholder(i) + i.ToString 'the "holder" arrays hold the goodies from my db
        inserttext.Text = brandholder(i) + " " + partnumberholder(i)
        insertimage.ID = "image" + partnumberholder(i) + i.ToString
        insertimage.ImageUrl = ".\Images\Display\" + imageholder(i) + ".jpg"
        insertpanel.CssClass = "drag" 'this allows the panel to be dragged around using a JQuery script elsewhere
        'insertpanel.BackImageUrl = "~\Images\Display\" + imageholder(i) + ".jpg" 'commented out because this method looks awful
        insertpanel.ID = "panel" + partnumberholder(i) + i.ToString

        insertpanel.Controls.Add(insertimage)
        insertpanel.Controls.Add(inserttext)
        toolboxpanel.Controls.Add(insertpanel)
    Next

問題は、パネルに追加する各パネルが1列に詰め込まれ、最大高さがわずか700pxであるというtoolboxpanelのcssルールに完全に違反していることです。パネルとその座っているdivを、想定よりもはるかに高く伸ばしているようです。

私の主な質問は次のとおりです。

1）3列、固定された表示可能な高さ、整然としたスクロールバーで表示されるように、メインパネルにパネルオブジェクト（画像/ラベルの内臓を含む）を追加できるようにするにはどうすればよいですか？

2）これを行うためのより良い方法はありますか？ある必要があります:(

あなたはのホームページで現在の混乱を見ることができます：http ：//www.mobiuspc.com

助けてくれてありがとう！明細書

4

2 に答える 2

2

あなたは2つのものが必要です：

  1. クリアフィックススタイルシート
  2. インナーパネルを浮かせるには

フローティングは単純ですが、最初は少し気が遠くなることがあります。 フロートに関するこれらのチュートリアルを読んで、それらのすべてを学びましょう。

基本的に、必要なのは、内側のパネルのスタイルに次のスタイルを追加することだけです。

float: left;

フローティングは自動的にdivとそのすべての内容を可能な限り狭くするので、すでに持っているように、必ず幅を指定してください。

次に、外側のパネルにclearfixスタイルを適用して、その中のすべてのフローティングコンテンツが「ギロチン効果」の影響を受けないようにする必要があります。フローティングブロックには「レイアウト」がないため、通常のドキュメントフローの一部ではないため、親コンテナによって無視されます。clearfixは、コンテナにフロートをレイアウトがあるものとして認識させることでこれを解決します。

于 2009-05-24T06:46:39.130 に答える
0

パネルは通常、常にではありませんが、divタグとしてレンダリングする必要があります。IDはネーミングコンテナによって中断されるため、cssclass属性を追加するのが簡単です。それに応じてcssを設定します。

オーバーフローでスクロールできるようにしたい場合は、位置と高さを設定してスクロールできるようにします。

.myContainter {
    position: relative; /* or absolute, or a float */
    height: 700px;
    overflow: auto;
}

それをする必要があります。:)

于 2009-05-24T03:29:51.150 に答える