Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Выровнять блок по центру экрана

Страниц (1): [1]
 

1. Bombermag - 31 Июля, 2019 - 16:32:16 - перейти к сообщению
Пошел я уже другим путем решил сделать окно 1150px не в 100vw в итоге решил попробовать центрировать его указала для dropdown-content left: 50%;
margin-left: -575px; соответственно для min-width: 1150px; но нифига не вышло, как сделать блок по центру экрана при position: absolute; ?

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <style>
  3. @media only screen and (min-width: 1280px) {
  4.         .dropdown
  5.         {
  6.                 display: inline-block;
  7.                 position: relative;
  8.         }
  9.  
  10.         .dropdown-content
  11.         {
  12.                 opacity: 0;
  13.                 visibility: hidden;
  14.                 position: absolute;
  15.                 z-index: -1;
  16.                 background-color: #121212;
  17.                 min-width: 1150px;
  18.                 left: 50%;
  19.                 margin-left: -575px;
  20.                 transition: opacity 1s;
  21.         }
  22.  
  23.         .dropdown:hover .dropdown-content
  24.         {
  25.                 opacity: 1;
  26.                 visibility: visible;
  27.                 z-index: 1;
  28.         }
  29. }
  30.  
  31. </style>
  32.  

 

Powered by ExBB FM 1.0 RC1