Всем привет. Никто не замечал в последних Chrome багов с inline-block в div без указания размера? Элементы через раз начинают прыгать. Воспроизводится как на десктопе так и на мобиле.

т.е. div должен сам растянуться под контент когда

я сейчас это вроде поборол но потребовалось: явно выставить line-height + указать vertical-align:top без одного из этого прыгает, хотя в firefox да и по логике должно быть всё ок. Единственное что могу предположить это race-condition при отрисовке потока.

я сейчас это вроде поборол но потребовалось: явно выставить line-height + указать vertical-align:top без одного из этого прыгает, хотя в firefox да и по логике должно быть всё ок. Единственное что могу предположить это race-condition при отрисовке потока.

мб все дело в резете?

мб все дело в резете?

неаа... да и причём он тут? float отключён ведь

причём я ошибся - то что с верху не особо помогает

видимо оно немного делает дольше обоработку этих блоков и race-condition реже случается

если обновить экран на этом блоке (а он в самом низу страницы) то всё ок, если в дебагере что то тронуть что приведёт к перерисовке - всё будет ок.

проблемма только если обновить страницу в её начале.

проблемма только если обновить страницу в её начале.

А где глянул можно?

увы это я новый код пишу... пока у меня на ноуте :) могу только заслать скрин как выглядит ошибка

там даже наложения есть чего в приципе не может быть при inline-block у которого заданны все размеры

Зачем, я хочу в своих браузера х глянуть

в firefox всё ок... но я кажется начаинаю понимать что за зверь это

загрузка картинки и смена её размера влияет на позицию родительского inline-block. Получилось дебажить это когда включил тротлинг сети в хроме.

https://jsfiddle.net/va75t6jn/ — если понажимать run то иногда иконки будут прыгать. Я вполне могу предположить что где то туплю... но вроде inline-block не должен так себя вести.

Попробуй убири лайн хейт

Или сделай в высоту блока

Или сделай в высоту блока

высота у блока задана

:)

помогает только если явно задать высоту картинке

высота у блока задана

line-height

ааа это можно но не поможет :)

Iframe доверстал вроде:з

Iframe доверстал вроде:з

вот это вообще героизм...

line-height

я убрал, у вас не разваливается? у меня вот так вот переодически:

https://jsfiddle.net/va75t6jn/ — если понажимать run то иногда иконки будут прыгать. Я вполне могу предположить что где то туплю... но вроде inline-block не должен так себя вести.

нигрузит

оххххх, я вспомнил, как верстал менюшку айфремами... ну когда еще таблицами все верстали

оххххх, я вспомнил, как верстал менюшку айфремами... ну когда еще таблицами все верстали

хрена ты старый фронтэндер

вот вы издеваетесь, а это было сложно :(

хотя тогда и слов наверно таких не было

нигрузит

хммм ещё где то заблочили? :)

нет каэшна.... было гордое имя веб-мастер

блин, еще share buttons надо запихнуть*

(

хммм ещё где то заблочили? :)

уже нормик

эммета не было - я вбивал в блокнот <table><tr><td><div ....></td></tr><tr>....

точнее <table cellpadding="0" cellspacing="0" border="0">....

DHTML еще был =)

так вот, кто что думает про влияние загрузки картинки внутри inline-block на её позицию при условии что высота и ширина у inline-block задана?

firefox всё отлично

так вот, кто что думает про влияние загрузки картинки внутри inline-block на её позицию при условии что высота и ширина у inline-block задана?

картинка влияет на ширину контента - сначала грузится div, ему считается ширина/высота по доступным на данный момент параметрам, потом загружается картинка - при этом при каких то условиях блок не перерассчитывается

в личке

так вот, кто что думает про влияние загрузки картинки внутри inline-block на её позицию при условии что высота и ширина у inline-block задана?

какая у тебя таска и что не так?)

каэшн, был ток блокнот и dreamviewer

картинка влияет на ширину контента - сначала грузится div, ему считается ширина/высота по доступным на данный момент параметрам, потом загружается картинка - при этом при каких то условиях блок не перерассчитывается

у родительского блока заданы width и height

т.е. картинка не должна влиять

картинка влияет на ширину контента - сначала грузится div, ему считается ширина/высота по доступным на данный момент параметрам, потом загружается картинка - при этом при каких то условиях блок не перерассчитывается

ЗЫ если картинку сделать display: block то влиять перестаёт.

дримвьюэр считался за творение сотоны, а ie6 был главным браузером с долей >70%

у меня чот все норм грузится

т.е. картинка не должна влиять

кратинке еще можно задать размеры имхо, тогда ок будет

ERROR: S client not available

ЗЫ если картинку сделать display: block то влиять перестаёт.

overflow: hidden; fixed

знаю как венду устновить

не, таких погроммистов всегда было много

overflow: hidden; fixed

вижу, а пояснить почему так происходит можете?

кратинке еще можно задать размеры имхо, тогда ок будет

это то конечно решает проблему только не укладывается в моём представлении о CSS

overflow: hidden; fixed

и без overflow не интересно...

2004 вроде

я в 9 класе учился

еще и <br>заюзал:з

еще и <br>заюзал:з

это не смертельный приговор

и без overflow не интересно...

зачем он тебе там нужен?)

никнеймы бывают ужасными

вообще если честно говнокод какой то

флексы передают тебе привет

да, и чтобы заказчики норм были, не ипали мозг, и платили нормально

fl.ru

флексы передают тебе привет

да я о них давно задумался :) кое где даже использую

а ты сегодня в ударе

хорошая шутка

вообще если честно говнокод какой то

ещё какой... скоро 10 лет будет, всё сил нету разом всё переписать. Короче всем спасибо, вроде нашёл вариант когда картинка внутри display: block и всё хорошо, те же <br> убрал и т.д.

а ты сегодня в ударе

Алик панчит как бог, панчи уровня бьянки

но вообще я так понимаю это бага webkit подобных браузеров

типо inline элементы внутри inline-block влияют на его позиционировании у родителя

авито

сука он из будущего!

я знал!