Различия
Здесь показаны различия между двумя версиями данной страницы.
| Следующая версия | Предыдущая версия | ||
|
css [2014/04/06 18:57] 46.0.33.180 создано |
css [2014/04/06 20:13] (текущий) 46.0.33.180 |
||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | Абсолютное позиционирование и растягивание | + | Абсолютное позиционирование и растягивание - надо знать высоту ребенка |
| - | + | В коде примера выполняется центрирование по вертикали и горизонтали. | |
| - | В коде примера выполняется центрирование по вертикали и горизонтали. | + | HTML: |
| - | HTML: | + | |
| 1 <div id="parent"> | 1 <div id="parent"> | ||
| 2 <div id="child">Содержание</div> | 2 <div id="child">Содержание</div> | ||
| Строка 26: | Строка 25: | ||
| http://ruseller.com/lessons.php?rub_id=2&id=1248 | http://ruseller.com/lessons.php?rub_id=2&id=1248 | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | Выравнивание по вертикали - не работает в хроме | ||
| + | |||
| + | .right_vhelper { | ||
| + | display:-moz-inline-box; | ||
| + | display:inline-block; | ||
| + | height:100%; | ||
| + | width:0px; | ||
| + | vertical-align:middle; | ||
| + | zoom:1; | ||
| + | //display:inline | ||
| + | } | ||
| + | |||
| + | .right_vcenter{ | ||
| + | display:-moz-inline-box; | ||
| + | display:inline-block; | ||
| + | |||
| + | vertical-align:middle; | ||
| + | width:170px; | ||
| + | border:1px solid #080; | ||
| + | 1background: #DDF; | ||
| + | zoom:1; | ||
| + | 1display:inline; | ||
| + | | ||
| + | | ||
| + | | ||
| + | <div class='right_vcenter'>/ | ||
| + | <div class='right_vhelper'>/ | ||
| + | | ||
| + | высоту знать не надо | ||
| + | | ||
| + | |||
| + | |||
| + | |||
| + | http://ruseller.com/lessons.php?rub=32&id=2017 | ||
| + | Делаем “ленивую” прокрутку на jQuery | ||
| + | |||
| + | |||
| + | |||
| + | coda slider | ||
| + | http://ruseller.com/lessons.php?id=273 | ||
| + | |||
| + | |||
| + | |||
| + | Полоска на всю ширину экрана | ||
| + | http://ruseller.com/lessons/les1098/demo/index.htm | ||
| + | |||
