Как расположить div по вертикали, используя сетки YUI?

замещающий текст http://img9.imageshack.us/img9/2900/yuicssquestion.gif< /а>

Hi,

Я использую сетки YUI для дизайна макета. Я хочу расположить col3 вертикально и всегда прикреплять его к нижней части страницы. Как это сделать?

Я не могу найти онлайн-документацию о вертикальном позиционировании в сетках YUI. Надеюсь, кто-то может пролить свет на это :)


vertical-alignment css yui-grids
person janetsmith    schedule 19.10.2009    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Не существует специфичного для yui способа сделать то, что вы просите, но вы должны иметь возможность заставить col3 прилипать к нижней части, установив для него значение:

внизу: 0px;

Обратите внимание, что col2 не будет автоматически регулировать свою высоту, чтобы пройти весь путь до того места, где находится начало col3. Высота в CSS сильно отличается от ширины.

person 0x6A75616E    schedule 03.01.2010

arrow_upward
0
arrow_downward

Это мое решение, чтобы центрировать мой статус загрузки изображения 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>
person Christian Barahona    schedule 10.09.2014