PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Bombermag
Отправлено: 31 Июля, 2019 - 16:32:16
Post Id


Новичок


Покинул форум
Сообщений всего: 16
Дата рег-ции: Июнь 2019  


Помог: 0 раз(а)




Пошел я уже другим путем решил сделать окно 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.  

(Отредактировано автором: 31 Июля, 2019 - 16:37:54)

 
 Top
August_II
Отправлено: 25 Июля, 2020 - 22:12:28
Post Id


Новичок


Покинул форум
Сообщений всего: 49
Дата рег-ции: Нояб. 2014  


Помог: 0 раз(а)




Чтобы центрировать с помощью position нужны конкретные размеры экрана, а экраны у всех разные. Поэтому использование position нужно обдумывать как следует. Потому что это свойство как бы вырывает блок из общего кода, и потом трудно его присабачить в нужное место.
Лучше родителю указать "margin: 0 auto;" его и все браузеры понимают и под любое окно по центру встанет

(Отредактировано автором: 25 Июля, 2020 - 22:36:39)

 
 Top
Peri
Отправлено: 20 Ноября, 2020 - 14:42:37
Post Id


Забанен


Покинул форум
Сообщений всего: 6
Дата рег-ции: Нояб. 2020  


Помог: 0 раз(а)




спасибо!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB