Вы здесь

Центровка DIV, картинки, блочного элемента

Центровка 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;
}

 

Пример №2 ЗДЕСЬ

.banner-fiber {
  left: 50%;
  margin-left: -169px;
  position: absolute;
  text-align: center;
  top: 11px;
  z-index: 0;
}

 

Похожие статьи:

 

Добавить комментарий