どのスタイルネストしたパネルの操作ASP.NET
質問
私はパネルの座る部門、使用したいと思いるパネルとしてのコンテナに追加パネル!なくなりました追加するためのパネル、パネル?なのでパネルをしているところに加え、既存のパネルではあるものを含むオブジェが、み、画像やラベル。
既存のマスターコンテナパネル作成時のデザインの時間、爽名"toolboxpanel".実行時にいために次のループを動的に作成、イメージにラベルを追加し、そのパネルにその後追加したパネルのtoolboxpanel、こんなところに表れています:
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列と完全に反するcss規則のtoolboxpanelいう最高高さは700px.うストレッチパネルは、事業部、座って、方法より高いそうです!
私の質問:
1)どうやっていけばいいですか?かの追加パネルのオブジェクト(私のイメージ/ラベルのガッツの主要パネル、表示されますので3カラム、固定表示可能にな高さ、およびテスクロールバー?
2)あるより良い方法?る必要がある:(
現在の混乱のホームページ: http://www.mobiuspc.com
いず助かります!案
解決
必要なものは二つのことをやろうとしてい
- A clearfixスタイルシート
- ロナーパネル
が浮かんでもできる場合がありますので、必少し厳します。 このチュートリアル 山を知りました。
基本的にございますのでご注意下さい必要なのは以下のように追加スタイルを内部パネルの表現スタイル:
float: left;
浮自動的にの部門、すべてのコンテンツとして狭いので必ず行ってください 指定幅, としております。
次んのお申込みが必要となりclearfixスタイルへの外側のパネルですべての浮動内容の中でいかに"ギロチン効果があります。で浮動小数ブロックしない"レイアウト"という大きさでありながら、通常の文書の流れ、そのため、無視されるその親コンテナのclearfixを解決するこの強制的にコンテナを認識し浮かしています。
他のヒント
パネル通常必要がありますが、常に、divタグとしてレンダリングされない、IDは名前付けコンテナによってborkedを取得、設定あなたのCSS ...のCssClass属性を追加するので、簡単に応じます。
あなたがスクロールを可能にするためにoverfowたい場合は、、あなたはあなたのポジショニングをしたいだろう、と高さは、そのために許可するように設定します。
.myContainter {
position: relative; /* or absolute, or a float */
height: 700px;
overflow: auto;
}
それを行う必要があります。 :)