|
|
|
|
|
Посдкажите как сделать есть ЦСС стиль
#wrap { background: #ffffff url(images/main.jpg) repeat-y center;
width: 800px;
padding: 0px;
margin: 0px auto;
}
#ad {
height: 100px;
margin: 0px auto;
width:800px;
text-align:center;
background: #fdc892;
}
#ad вложен в #wrap
<div id="wrap">
<div id="ad">
<?php ds('xxxxxxxxx); ?>
</div>
в <?php ds('xxxxxxxxx); ?> у меня пикса. Как сделать так что бы она выравнивась по вертикале посередине. В реале выравнена по верхнему краю.
Перепробовал все все равно упозает вверх
Буду благодарен за помощь |
|
|
|
|
|
центр определи маргином
| Код: |
#wrap { background: #ffffff url(images/main.jpg) repeat-y center;
width: 800px;
padding: 0px;
margin: 0px auto;
}
#ad {
height: 100px;
margin-top:200px ; //-------------определить эксперементально
width:800px;
text-align:center;
background: #fdc892;
}
|
| Код: |
<div id="wrap">
<div id="ad">
<?php ds('xxxxxxxxx); ?>
</div>
</div>
|
|
|
|
|
|
|
|
|
Вообще-то не тривиальная задача. Vertical align работает только в inline элементах.
graphh твой вариант не будет работать во всех броузерах.
вот более-менее приемлимый вариант работающий во всех броузерах:
| Код: |
<style type='text/css'>
#ad {
height:100px;
min-height:50px !important;
background-color: #FF0000;
text-align: center;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#ad img {position:relative;top:50%;margin-top:-30px; //---- половина высоты картинки в пикселях
}
</style>
|
| Код: |
|
<div id="ad"><?php ds('xxxxxxxxx); ?></div>
|
|
|
|
|
|
|
| Удалено, как зловредный код |
|
Последний раз редактировалось: graphh (Пт Фев 08, 2008 6:14 pm), всего редактировалось 1 раз |
|
|
|
|
| Где работает? Ни в осле, ни в мозилле, ни в О не работает твой код |
|
|
|
|
|
| блин, не то позиционировал |
|
|
|
|
|
| Taburetkin писал(а): |
|
вот более-менее приемлимый вариант работающий во всех броузерах:
|
стесняюсь спросить: min-height тоже во всех будет? :о) |
|
|
|
|
|
|
|
| brush писал(а): |
|
стесняюсь спросить: min-height тоже во всех будет? :о)
|
тот код будет работать в ИЕ6 и 7, О, ФФ и Сафари. Пример конктертно для не inline элемента. Для текста line-height. |
|
|
|
|
|
| Taburetkin, большое спасибо |
|
|
|
|
|
|
