css - YUIグリッドを使用してdivを垂直に配置する方法は?

Question

代替テキスト http://img9.imageshack.us/img9/2900/yuicssquestion.gif

やあ、

レイアウト設計に YUI グリッドを使用しています。col3 を垂直に配置し、常にページの下部に貼り付けたいと考えています。どうやってするか？

YUI グリッドの垂直方向の配置に関するオンライン ドキュメントが見つかりません。誰かがこれに光を当てることができることを願っています:)

Answer 1

あなたが求めていることを行うyui固有の方法はありませんが、次のように設定することで、col3を一番下に固定できるはずです。

下: 0px;

col2 は、その高さを col3 の開始位置まで自動的に調整しないことに注意してください。CSS の高さは、幅とは大きく異なります。

Answer 2

これは、ajax 画像の読み込みステータスを中央に配置するための私のソリューションです。

<div id="loader" class="yui3-g">
 <div class="yui3-u-1 ui-widget-overlay" style="z-index: 1100;">
    <img src="resources/images/ajax-loader.gif" 
    style="position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: 
           translate(-50%, -50%)"/>
 </div>
</div>