Помощник
|
![]() |
![]() |
Сообщение
#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:
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
![]() |
У вас часто просят денег в долг? Как отказываете? | 66 | uahomka | 2880 | Вчера, 16:50 автор: pro100sn2 |
![]() |
Как бездомные хранят деньги? | 21 | metvekot | 1791 | 7.6.2023, 3:18 автор: arendator |
![]() |
В Госдуме предложили разблокировать Instagram**, так как соцсеть стала себя «хорошо вести» | 40 | VinogradOFF | 6133 | 5.6.2023, 3:33 автор: arendator |
![]() |
Как грамотно сделать Крауд прогон? | 43 | noviktamw | 3977 | 2.6.2023, 17:51 автор: ЭдуардКоструба |
![]() |
Как сделать анализ конкурентов по ссылочной массе крауд-ссылок | 0 | noviktamw | 493 | 26.5.2023, 17:32 автор: noviktamw |
![]() |
Текстовая версия | Сейчас: 9.6.2023, 2:56 |