Помощник
|
![]() |
![]() |
Сообщение
#1
|
||
![]() |
|
||
|
|||
![]() |
![]()
Сообщение
#2
|
![]() |
у вас ширина img больше чем ширина div-родителя, это первое. Второе, вы абсолютно позиционируете блок с позицией слева в 66px.
Вариантов решения масса, чтобы натолкнуть вас на мысль, сделайте: уберите ширину у div или уравняйте с шириной img, замените position: absolute на relative и уберите left, допишите margin: 0 auto. Если вам по макету нужен absolute, то заменяете left на 50%; и добавляете margin-left: -235px;, где 235 - это ширина контейнера родителя. |
|
|
![]() |
![]()
Сообщение
#3
|
![]() |
(' post='191905 @ 27.8.2015, 20:03) Если вам по макету нужен absolute, то заменяете left на 50%; и добавляете margin-left: -235px;, где 235 - это ширина контейнера родителя. так делать категорически нельзя и вас за такие советы надо на кол сажать(в виртуальном смысле конечно). Дело в том что chromium-based браузер будет вынужден двигать огромные растры после расчета ширины и рендеринга. Визуально это может быть при современных мощностях даже и незаметно(хотя порой заметно) - но браузер это не оптимизирует Вы этими инструкциями прям как бы говорите ему "мучайся" |
|
|
![]() |
![]()
Сообщение
#4
|
![]() |
задать left: 50% и margin-left: -(половина ширины)px единственное известное мне решение по выравниванию по центру блока с позишн абсолют. И да, браузеру немного пофиг на это в силу современного железа.
|
|
|
![]() |
![]()
Сообщение
#5
|
![]() |
так делать категорически нельзя и вас за такие советы надо на кол сажать(в виртуальном смысле конечно). Дело в том что chromium-based браузер будет вынужден двигать огромные растры после расчета ширины и рендеринга. Визуально это может быть при современных мощностях даже и незаметно(хотя порой заметно) - но браузер это не оптимизирует Вы этими инструкциями прям как бы говорите ему "мучайся" предложите ему свой вариант с абсолютом, любой может сказать плохо, а предложить лучшее не может |
|
|
![]() |
![]()
Сообщение
#6
|
![]() |
Почти все что относится к макету когда Вы уже заранее знаете что выводите - можно сверстать без абсолюта исключительно с static и relative - я к этому вообще-то. Насчет попапов(когда пользователь может динамически менять ширину окна уже много раз перед вызовом попапа) пожалуй самый простой способ это абсолют(а еще лучше fixed) как Вы описали - но для макетов которые "открывают" сайт это полный БРЕЕЕД!
Что тут предложить и почему я должен предлагать вариант с абсолютом когда я предлагаю исключительно любые варианты без оного! Пока наилучший способ это flex-box (display: flex) но его еще не приняли как стандарт браузеры. http://www.w3.org/TR/css3-flexbox/ |
|
|
![]() |
![]()
Сообщение
#7
|
|
![]() |
согласен что вариант без абсолюта - самый лучший, но когда задается конкретный вопрос, с конкретной реализацией, то ответ дается к имеющемуся варианту. Какая-то пустая беседа получается, думаю лучше не оффтопить. А привести можно тысячу вариантов и потом сказать, ну их использовать нельзя потому как имеются ограничения в поддержке, отображении и тд и тп, только наврятли это поможет тс :rolleyes:
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
![]() |
Где и как обменять Приват24 на ЮМоней? | 20 | Wolfhound | 616 | Вчера, 18:48 автор: mspcontent |
![]() |
Как заработать на аккаунтах? | 14 | Wolfhound | 367 | Вчера, 0:47 автор: MorKer |
![]() |
В Госдуме предложили разблокировать Instagram**, так как соцсеть стала себя «хорошо вести» | 19 | VinogradOFF | 2997 | 27.1.2023, 23:57 автор: Liudmila |
![]() |
Как умудряются конвертить Popundrr и Clickunder трафик? | 3 | Boymaster | 420 | 27.1.2023, 15:59 автор: anisa_1 |
![]() |
Атака клонов! Или как бороться с мультиаккаунтами. | 157 | Pelican_Program | 61283 | 27.1.2023, 13:05 автор: Pelican_Program |
![]() |
Текстовая версия | Сейчас: 29.1.2023, 16:51 |