Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Выровнять блок по центру экрана
Форумы портала 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.  
2. August_II - 25 Июля, 2020 - 22:12:28 - перейти к сообщению
Чтобы центрировать с помощью position нужны конкретные размеры экрана, а экраны у всех разные. Поэтому использование position нужно обдумывать как следует. Потому что это свойство как бы вырывает блок из общего кода, и потом трудно его присабачить в нужное место.
Лучше родителю указать "margin: 0 auto;" его и все браузеры понимают и под любое окно по центру встанет
3. Peri - 20 Ноября, 2020 - 14:42:37 - перейти к сообщению
спасибо!

 

Powered by ExBB FM 1.0 RC1