Помощник
|
Как слой <div> выровнить по середине |
Orfei
|
Сообщение
#1
|
||
|
|
||
|
|||
Дмитрий (Минск) |
27.8.2015, 18:03;
Ответить: Дмитрий (Минск)
Сообщение
#2
|
|
у вас ширина img больше чем ширина div-родителя, это первое. Второе, вы абсолютно позиционируете блок с позицией слева в 66px.
Вариантов решения масса, чтобы натолкнуть вас на мысль, сделайте: уберите ширину у div или уравняйте с шириной img, замените position: absolute на relative и уберите left, допишите margin: 0 auto. Если вам по макету нужен absolute, то заменяете left на 50%; и добавляете margin-left: -235px;, где 235 - это ширина контейнера родителя. |
|
|
Arks |
27.8.2015, 23:52;
Ответить: Arks
Сообщение
#3
|
|
(' post='191905 @ 27.8.2015, 20:03) Если вам по макету нужен absolute, то заменяете left на 50%; и добавляете margin-left: -235px;, где 235 - это ширина контейнера родителя. так делать категорически нельзя и вас за такие советы надо на кол сажать(в виртуальном смысле конечно). Дело в том что chromium-based браузер будет вынужден двигать огромные растры после расчета ширины и рендеринга. Визуально это может быть при современных мощностях даже и незаметно(хотя порой заметно) - но браузер это не оптимизирует Вы этими инструкциями прям как бы говорите ему "мучайся" |
|
|
Degradator |
28.8.2015, 0:01;
Ответить: Degradator
Сообщение
#4
|
|
задать left: 50% и margin-left: -(половина ширины)px единственное известное мне решение по выравниванию по центру блока с позишн абсолют. И да, браузеру немного пофиг на это в силу современного железа.
|
|
|
Дмитрий (Минск) |
28.8.2015, 10:11;
Ответить: Дмитрий (Минск)
Сообщение
#5
|
|
так делать категорически нельзя и вас за такие советы надо на кол сажать(в виртуальном смысле конечно). Дело в том что chromium-based браузер будет вынужден двигать огромные растры после расчета ширины и рендеринга. Визуально это может быть при современных мощностях даже и незаметно(хотя порой заметно) - но браузер это не оптимизирует Вы этими инструкциями прям как бы говорите ему "мучайся" предложите ему свой вариант с абсолютом, любой может сказать плохо, а предложить лучшее не может |
|
|
Arks |
29.8.2015, 19:39;
Ответить: Arks
Сообщение
#6
|
|
Почти все что относится к макету когда Вы уже заранее знаете что выводите - можно сверстать без абсолюта исключительно с static и relative - я к этому вообще-то. Насчет попапов(когда пользователь может динамически менять ширину окна уже много раз перед вызовом попапа) пожалуй самый простой способ это абсолют(а еще лучше fixed) как Вы описали - но для макетов которые "открывают" сайт это полный БРЕЕЕД!
Что тут предложить и почему я должен предлагать вариант с абсолютом когда я предлагаю исключительно любые варианты без оного! Пока наилучший способ это flex-box (display: flex) но его еще не приняли как стандарт браузеры. http://www.w3.org/TR/css3-flexbox/ |
|
|
Дмитрий (Минск) |
31.8.2015, 11:39;
Ответить: Дмитрий (Минск)
Сообщение
#7
|
|
|
согласен что вариант без абсолюта - самый лучший, но когда задается конкретный вопрос, с конкретной реализацией, то ответ дается к имеющемуся варианту. Какая-то пустая беседа получается, думаю лучше не оффтопить. А привести можно тысячу вариантов и потом сказать, ну их использовать нельзя потому как имеются ограничения в поддержке, отображении и тд и тп, только наврятли это поможет тс :rolleyes:
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1801 | 17.4.2024, 23:35 автор: Boymaster |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4810 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19707 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3100 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13655 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 19.4.2024, 15:28 |