Центровка DIV, картинки, блочного элемента. Центровать элемент по середине экрана или монитора можно множеством способов, я приведу самые простые и проверенные. Таким же способом центруется один div помещенный в другой. Приведенными примерами я пользуюсь лично.
Посмотрите пример кода ниже и результат ЗДЕСЬ. В 1-ом примере под видео нажмем кнопку "Посмотреть аккорды" и в открывшемся окне можно посмотреть пример как визуально так и через FireBag.
.modal-content {
background: yellow none repeat scroll 0 0;
display: block;
height: 480px;
left: 50%;
margin-left: -160px;
margin-top: 20px;
position: absolute;
text-align: center;
width: 320px;
}
background: yellow none repeat scroll 0 0;
display: block;
height: 480px;
left: 50%;
margin-left: -160px;
margin-top: 20px;
position: absolute;
text-align: center;
width: 320px;
}
Пример №2 ЗДЕСЬ
.banner-fiber {
left: 50%;
margin-left: -169px;
position: absolute;
text-align: center;
top: 11px;
z-index: 0;
}
left: 50%;
margin-left: -169px;
position: absolute;
text-align: center;
top: 11px;
z-index: 0;
}
Похожие статьи:
Добавить комментарий