powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Chrome и округление отступов
7 сообщений из 7, страница 1 из 1
Chrome и округление отступов
    #37911339
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Случайно заметил такое необычное поведение в Chrome: он рендерит и отображает элементы, отталкиваясь не от положения родителя, а по своей рассчитанной сетке. Приведу пример:

В диве (бордер сделал красным) расположил input type=text. Высота поля фиксированная. Как видно, браузер высоту дива рассчитал правильно и расположил див правильно, а вот поле ввода оказалось расположенным на пиксель выше, хотя расположение стандарное (position:relative)

Затем после ввода любого символа и потери фокуса Хром перерисовывает поле ввода, но уже правильно:


Наблюдается это только в Хроме и только тогда, когда расположение родительских элементов происходит не строго по пиксельной сетке, а с дробными отступами. К примеру, в данном конкретном случае форма, в которой находятся приведенные элементы, находится в псевдомодальном окне, у которого рассчитаны отступы и заканчиваются на ".5". Если я меняю алгоритм так, чтобы расположение окна было округленным, поля ввода отображаются правильно (типа, как на второй картинке). Правда, метки перед строками ввода не меняют своего поведения - все равно скачут после изменения полей. Я понимаю, что это из-за того, что модальное окно и таб имеют высоты, указанные в "em", то есть относительные и имеющие в результате также дробные величины.

Вот меня и интересует - нет ли возможности отображать содержимое в Хроме также, как это делают все остальные браузеры, - по пиксельной сетке? По большому счету, это совершенно не проблема, но все-таки интересно - почему и зачем?
...
Рейтинг: 0 / 0
Chrome и округление отступов
    #37911346
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У хрома (вебкита?) много глюков отрисовки. Только что наткнулся:
Код: css
1.
td:hover {-webkit-transform:scale(1.1,1.1);background-color:red;}


При уводе мышки фон таблицы (если cellspacing больше нуля), освобожденный от масштабированного фона td, перерисовывается не всегда и не всегда полностью (а в опере td:hover вообще не пашет, к слову). Аналогичные манипуляции с дивом, находящимся в td, отрисовываются без глюков.
...
Рейтинг: 0 / 0
Chrome и округление отступов
    #37911377
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Видать, еще зависит от display.
...
Рейтинг: 0 / 0
Chrome и округление отступов
    #37911451
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy,

Попробуй без -webkit
Сейчас все современные браузеры поддерживают много стандартов, без префиксов -<движок>
...
Рейтинг: 0 / 0
Chrome и округление отступов
    #37911467
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У хрома (вебкита?) много глюков отрисовки. Только что наткнулся:
При уводе мышки фон таблицы (если cellspacing больше нуля), освобожденный от масштабированного фона td, перерисовывается не всегда и не всегда полностью (а в опере td:hover вообще не пашет, к слову). Аналогичные манипуляции с дивом, находящимся в td, отрисовываются без глюков.
Работа с таблицами - больная тема браузеров, таблицы намного сложнее, чем DIV-ы при отображении.
Новые стандарты CSS очень тяжело применяются к таблицам
Например,
в Opera при изменении св-ва visibility пропадает рамка у таблиц, от версии к версии никак не поправят (спасает принудительная перерисовка F12);
в ИЕ 9 св-во box-shadow к таблицам не применяется, в отличие от DIV-ов;
и т.д., лень вспоминать и перечислять, но смысл думаю в том, что:
возможно, это следствие гонки браузеров за скоростью перерисовки страниц (доходит до маразма, сталкивался нсколько раз).
...
Рейтинг: 0 / 0
Chrome и округление отступов
    #37911471
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruck,

зачем нужны дробные отступы?
ps сорри, никогда не использовал.
...
Рейтинг: 0 / 0
Chrome и округление отступов
    #37911506
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дробные отступы не нужны ... но у резиновой разметки свои законы. Например, когда контейнер определяется наполнением, в частности, текстом, заданным в % или em. Тут ничего не поделаешь.
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Chrome и округление отступов
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]