CSSの問題 - 私のDIVは崩壊したままです！

Question

私のウェブサイトwww.mobiuspc.comのホームページには、色分けされた別個のセクションがあります。そのため、すべてのレイアウトが分かります。マスターページセクションがあります。これは、「コンポーネント」などのボタンが付いた黄褐色のバーです。そのレベルでは、すべてが最高の状態で動作します。

私はいくつかの問題があります。私はページを打破するために使用する3つの主なDIVさんがあります。

<div id="mainarea" runat="server" > 

これは、ヘッダ/マスターページ領域、および黄色のカラーコード化された領域との間に何かあります。この大きな領域は、高さが700ピクセル、幅が1024ピクセルで、色はシルバーです。あなたがサイトに行くと、それはそうではないことがわかります。ハードドライブのイメージが繰り返し表示されるパネルがあります。これはドラッグアンドドロップ機能のドロップゾーンです（この質問とは無関係です）。私はrunatサーバに設定しました。なぜなら、私がそれをしなければ、ドラッグアンドドロップは壊れてしまうからです。

<div id="categorybar"> 

これは、すべてのマイボタンを保持する黄色のコード領域です。私はそれに満足している。 "Display"というボタンを押して、その上にあるDIVに何が起こるかを見ます。それは限界を超えて行く！幅と高さを設定する私のCSSが却下されているようです。

<div id="detailbox"> 

これは問題ではありません。最終的に私はここにコントロールを入れますが、今のところそれは青色です。

最初の考えは、私のCSSがボークされている可能性があります。この場合、私はどこに見えません！私は高さ/幅とそのすべての良いものを設定しました。私はフロートを追加しようとしました：無作為のセクションに残して、何の効果もありません。ここに私のCSSファイル」

#mainarea 
{ 
background-color:Silver; 
height:700px; 
width:1024px; 
} 

#categorybar 
{ 
background-color:Yellow; 
height:80px; 
width:1024px; 
} 

#detailbox 
{ 
background-color:Blue; 
height:420px; 
width:1024px; 
} 

あなたがクリックしたときに、私は、実行時にオブジェクトを作成し、 『表示』ボタンを、そしてすべてのそれらのオブジェクトが#mainareaのDIVに常駐ペインに追加されているから、関連の抜粋です。ということペインには、ツールボックスとして知られており、ここではそれはCSSのプロパティですですさ：私は単に私が好むようにスクロールバーを持つのではなく、実行時にコントロールを追加し、その定義済みのサイズを超えて拡大し続けているいくつかの理由

#toolboxpanel 
{ 
height:700px; 
width:324px; 
max-height:700px; 
max-width:324px; 
overflow:scroll; 
} 

パネル付きすべてのハードドライブの写真をドロップゾーンとして、それも#mainarea DIVにあります。関連するCSSは次のとおりです。

#droppanel 
{ 
height:700px; 
width:700px; 
margin-top:-700px; 
margin-left:324px; 
} 

runat = serverビットを削除する必要がありますか？私がそれを行い、表示ボタンをクリックすると、まだ恐ろしいパネルがページの一番下まで広がっていますが、少なくとも銀色の#mainarea DIVは適切な大きさのままです（パネルがちょうど制御不能になります）。私がそのルートに行くなら、それがなぜ私のドラッグ・アンド・ドロップを壊すのか？私はその道を行く必要はないと思っています。その代わりに私の見ているCSSにはちょっとしたものがあります。

ありがとうございました！ Bill

Answer 1

runat = "server"は、使用しているコントロールのクライアントIDを変更します。つまり、#mainarea cssは適用されません。

これを回避するには、mainareaにcssクラスを割り当て、idを使用せずにスタイルを適用することができます。