純粋なCSS最小高ヘッダ、絶対位置DIV内の最大高さ本体

Question

私は絶対位置、固定サイズのDIV内に表示したいHTMLエディタウィジェットを持っています。しかし、私は事前にDIVの絶対的な大きさを知らない、それはユーザーがウィンドウのサイズを変更した場合と同様に、変更される可能性があります。

エディタは、自然に、コントロールと編集可能な面積を有しています。それぞれ独自のDIVを持っています。私は、コントロールは、彼らが宇宙の残りの部分を埋めるために、編集可能なエリアに必要とし、できるだけ多くのスペースを占有します。

私はテーブルを使用する場合は、

、これを達成するのは非常に簡単です。私はちょうどボーダーとパディングとマージンをオフにして、独自の行のセルに各DIVを投げ、そして多分コントロールDIV上の最大の高さをいじります。これは、次のようになります。

http://img407.imageshack.us/img407/8435/table1 .PNGする

窓付き

同じテーブルには別の方法をリサイズhttp://img264.imageshack.us/ img264 / 6438 / table2p.pngする

のスクロールバーが表示されるために発生させることなく、できるだけ多くのスペースを取って編集可能な部分に注目してください。

私は、さまざまなCSSの例でmonkeyedてきたし、何もいくつかのJavaScriptが編集可能なDIVは親の高さマイナスコントロールの高さにするためにリサイズ上で実行しなくても動いていないようにみえます。

テーブルやディスプレイに包まれた子のDIV：

もちろん、私は親DIVを作ることができます表示していテーブル行のdivをし、自身が表示があります：テーブルのセルを、しかし...よく...その場合にはそれがまさにそれですCSS純度のためにTABLE、TR、およびTDを使用しますが、10倍以上の醜いと同じ。 （なぜわざわざ？）

だから、直接ディスプレイを使用せず：テーブル＆お友達、またTABLE / TR / TD、またJavaScriptは、これを行うの純粋なCSSの方法がありますか？言い換えれば、DIV1は、できるだけ垂直スペースを取る、というのが純粋なCSSの方法があり、DIV2は、親要素内の残りの垂直方向のスペースを取る？

が存在しない場合、私は「純粋なCSS」の考え方に加入を停止するのは非常に準備ができています。それは非常に少ない開発者やエンドユーザーの利益と私に十分な悲しみを引き起こしています。

Answer 1

あなただけの非常に多くのオプションがあります。テーブルと自分で後であなたの心を変更するオプションを与える：あなたがテーブルを使用せずに、テーブルのような振る舞いをしたい場合は、ディスプレイを使用しています。あなたはさらにいくつかの要素になってしまいますが、あなたは、特定のレイアウトにしてロックされることはありません。

：その方法は、（主観的な）マークアップで醜いながら、私には多くの意味があります。 あなたはマークアップを気にしない場合は、

そして、引き金を引くとテーブルを使用しています。これは、短期的に容易になります。

私の質問：あなたはJavaScriptを使用したくない場合は、どのようにあなたのエディタコントロールを実装します。

？

Answer 2

ルール「のみ表形式のデータのためのテーブルを使用する」、または単にテーブルを使用して1/3の作業を行う従います。

この質問は、私は多くの人々が、最近に直面してご覧問題に語っています。これはさえ難しい決断であるという事実は、我々がすべてになってきた方法を標準狂気のデモです。基準を忘れて、テーブルを使用し、それはきれいにし、簡単に成し遂げます。 W3Cはそれで問題がある場合は、彼らがより良い代替手段を作成した後、彼らは右に文句を言うことができます。

Answer 3

私の知る限りは、幅/高さのパーセンテージを使用して知っているように正常に動作する必要があります。

Answer 4

私は2番目のperfectDayの答えをいただきたいが、私は夢中になると試してみて、あなたはそれがどのように見えるしたいものを記述するためにお聞きしたいです。多分アスキー・アートやグラフィックへのリンクを、私たちはあなたが達成するために、私たちが欲しいのレイアウト知っています。

私は、あなたが私のほとんどを持って達成するのを助けるために私たちが欲しいものの明白な超明確な記述を見逃している場合、私はまた...私は最近、（再び）寝ていなかったことを追加し、そうしたいです誠実な謝罪。 ：）