почему мои ФСБшники не такие миленькие?
Ты не заслужил.
Та с твоими запросами, у нас сотрудники на пенсию раньше уходят.
Ты за 15 лет стал матерым приступником и к тебе приписали ещё 2их и одна из них черная
Это ФБРвец из штатов. Он присматривает за ФСБшником.
Ну так правильно, не зря же в доллар инвестируют
А как центрировать div?
Сначала поместите верхний левый угол div в центр страницы (используя position: fixed; top: 50%; left: 50% )., затем translate перемещает его вверх на 50% высоты div, чтобы центрировать его вертикально на странице. ахаха
Хм, а я предпочитаю решать такие вещи флексом, ибо так меньше боли потом с поддержанием респонсив вёрстки.
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
Адово флексиш?
А ты нет?
>position fixed
Вот где реальный изврат. Абсолюта достаточно и релейтив на контейнер, иначе улетит до ближайшего relative-элемента или если таковых нет, до body.
Вот где реальный изврат. Абсолюта достаточно и релейтив на контейнер, иначе улетит до ближайшего relative-элемента или если таковых нет, до body.
Если известна ширина и высота элемента (фиксированная), то:
position: absolute;
top: calc(50% - половина высоты);
left: calc(50% - половина ширины);
position: absolute;
top: calc(50% - половина высоты);
left: calc(50% - половина ширины);
Ну, как тебе сказать.
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
Угу, а потом страницу сожмут и вёрстка превратится в тыкву.
Если ширина и высота позиционируемого элемента одинакова везде, то этот метод сработает.
Хм, а какой диапазон поддерживаемых разрешений? Почти всегда на средних и действительно малых разрешениях это решение ломалось на моём опыте.
Так может здесь наконец ответят как патчить KDE под BSD?
родителю display: flex; justify-content: center; align-items: center; Я не бэкэндер, не ругайте.
Но так и надо, 21й год на дворе, какие блин position
Ну так олдфага же сразу видно.
Олдфажность не оправдывает использование вещей которые потом геморно фиксить.
Блин, чувак, когда олдфаги фотаются в платьях и косметике, это ж не значит, что они на работу так ходят.
Хотя…
Хотя…
Хотя многие уже бог знает сколько на удалёнке так что в принципе норм.
Берешь линейку, прикладываешь к монитору и вперед
а теперь для IE6
[if lt IE 6]
Зачем Вы зашли на сайт с музейного экспоната?
Зачем Вы зашли на сайт с музейного экспоната?
Есть у меня один проект - там нужно чтобы сайт в том числе работал под IE6. И его реально используют. И дешевле мне заплатить кучу денег за это, чем обновлять все легаси девайсы с IE6.
У меня единственный проект который потребовал IE 6 был сайт кафедры и то, потому что заведующий кафедры которому больше лет чем графу дракуле использовал ПК где ничего кроме IE 6 не было. Такое себе удовольствие три дня подгонять сайт под древние браузеры.
А я верстать начинал, когда ещё IE5 или 5.5 был в ходу. Табличная вёрстка, все дела.
Ну, табличная вёрстка вроде ещё норм в email.
Фсбшник тот еще изверг. Нет чтоб человеку ссылку на статью о flexbox скинуть, садист.
я тож каждый раз гуглю как файл синтаксиса править
просто не так часто нужно, что бы само запомнилось, специально запоминать нет времени (наверно)
просто не так часто нужно, что бы само запомнилось, специально запоминать нет времени (наверно)
Родителю
display: table-cell;
Text-align:center;
Vertical-align:center;
Самому div
Display: inline-block
display: table-cell;
Text-align:center;
Vertical-align:center;
Самому div
Display: inline-block
Я конечно не верстальщик, но для чего трогать родителя, если легче самому div выставить
align-self: center
Дальше независимо от родителя он всегда будет в центре.
align-self: center
Дальше независимо от родителя он всегда будет в центре.
Для того чтобы работал align-self у родителя должен быть display или flex или grid.
Речь ясное дело не полностью про оси YX.
Ну там за 15 лет могут внезапно параметры смениться или имена или ваще деприкейтед... В девопсе такое сплошь и рядом каждые 2-5 лет.
А ФСБ-шник то тоже не очень преуспел, раз за 15 лет следит за тобой который за 15 лет не сдвинулся с точки. Отлично подходят друг другу.
Почитал комменты
*Крики боли*
Словил флешбеки о тех временах, когда приходилось касаться фронтенда и html + css. Flexbox ещё не изобрели.
*Крики боли*
Словил флешбеки о тех временах, когда приходилось касаться фронтенда и html + css. Flexbox ещё не изобрели.
Обратил внимание на логотипы на мониторах. Поржал. Откуда вообще эти кадры?
Чтобы написать коммент, необходимо залогиниться