2009-08-05 6 views
4

3つのフローティングディビジョンを3つのフローティングディビジョンの最大の高さに一致させる方法を見つけようとしています(clearfixソリューションでは、それらの容器の)。すべてのフローティングDIVをコンテナの高さに一致させるようにします

私の質問は、(「2列は異なる背景色を持っていたら?」など)のみ私の質問には回答見落としへのコメントは:)要件を必要とする、まさにthis質問のようです

だから、本当に私ができますそれを偽造しないでください。このページでは、iGoogleに類似したドラッグアクセラレータ&がscriptaculousを使用しており、ドラッグドロップのソート可能なコンテナはフローティングdivです。すべてのコンテナを同じ高さにすることができれば、ユーザーにとっては非常に簡単になります。

解決策を探すほど、純粋なCSSではできないように見えます。その場合、私はいくつかのJavaScriptを使用する必要があるので、それをしてください。

ありがとうございます。

EDIT:idrumgoodのリンクは解決策でしたが、解決策は私が使い終わったわけではありません。競合を避け、jqueryライブラリ全体を1つの関数にロードする必要を避けるために、プロトタイプに提案したjQuery関数を移植しました。

function equalHeights(container) { 
    var children = $A(container.immediateDescendants()); 
    var currentTallest = 0; 

    for (i = 0; i < children.length; i++) { 
     if (children[i].getHeight() > currentTallest) { 
      currentTallest = children[i].getHeight(); 
     } //end if 
    } //end for 

    for (i = 0; i < children.length; i++) { 
     children[i].setStyle({ height: (currentTallest + 'px') }); 
    } //end for 
} //end equalHeights 

答えて

3

あなたはjavascriptを/ jQueryの、私が使用するhere's the solutionでOKなら:

これは私が使用して終了javascript関数ポートがあります。

+0

+1これは実際に実行可能な技術のようです。再びjQueryを救助する。 –

+2

私はjQueryが大好きですが、Scriptaculousを使っています。この場合は、代わりにprototype.jsを使用することをお勧めします。それはまったく同じように行うことができます。 jQueryとPrototypeの理由はいくぶん冗長であり、一緒に素敵な場所を置くわけではありません。 –

+0

ジェレミーBが正しかった。 jQuery.noconflict()を使用しても、プロトタイプとjQueryの間でまだ競合の問題が発生していました。私はその機能をプロトタイプに移植しました。私は元の投稿を編集して、私が使用し終わった移植された関数を含めました。 ご協力いただきありがとうございます。 –