alt text http://img9.imageshack.us/img9/2900/yuicssquestion.gifКак расположить div по вертикали с помощью сетки YUI?
Привет,
Я использую YUI сетки для макета дизайна. Я хочу позиционировать col3 по вертикали и всегда придерживаться нижней части страницы. Как это сделать?
Я не могу найти онлайн-документацию о вертикальном позиционировании в сетках YUI. Надеюсь, что кто-то может пролить некоторый свет на этот счет :)
Там нет юй-специфический способ делать то, что вы просите, но вы должны быть в состоянии сделать COL3 палкой до дна, установив его:
bottom: 0px;
Обратите внимание, что col2 не будет автоматически регулировать высоту, чтобы пройти весь путь до начала запуска col3. Высота в CSS очень отличается от того, как делают ширины.
Это мое решение, чтобы сосредоточить мое состояние загрузки изображения 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>