Лишний 1 пиксель откуда?

Question

[Alibek Kulseitov]

Лишний 1 пиксель откуда? Видите справа? красное? Я сделал для этого блока красный фон чтобы можно было увидеть этот пиксель.
Прокрутите вниз до портфолио. Сайт
Всё перепробовал! Ничего не помогает. Но почему-то когда блоку даешь значениеwidth: 16.6667%;
Этого 1 пикселя не видно. Но мне нужны блоки именно с 25% шириной.

Comments

[khipster]

Кто то покупает? :DDD

[Serj-One]

Eduard Larionov: Зашел на сайт подумал как-то не оч. сраница, листнул ниже понял, что страница совсем убогая. Что вы там такого увидели?

[Константин Величко]

Кастомный скрол фу фу фу

Answer 1

[Павел Воронюк]

У меня в Хроме все норм, поставьте вместо красного transparent
но вот когда контент меньше 768px то все ваши блоки портфолио имеют бордер а точнее outline.
посмотрите responsive.css у вас там

.grid-item {
	  float: left;
	  width: 25%;
	  height: 74px;
	  background: #0D8;
	  outline:1px solid red;
	}

Comments

[Alibek Kulseitov]

И правда. Проверил везде. В опере только так , что с оперой не так?

[Павел Воронюк]

Алибек Кулсеитов: отредактировал ответ) вот ваша проблемка в 1px )

[Павел Воронюк]

Алибек Кулсеитов: и все-таки уберите в #game-grid (style.css) background .

[Alibek Kulseitov]

Павел Воронюк: да насчет responsive забейте) я еще не адаптировал этот блок.

Answer 2

[Андрей Свердлов]

Я не уверен, но думаю, что это зависит от ширины окна браузера -> разрешения экрана. При разрешении 1366x768 ширина экрана 1349. 1349/4=337,25 вот из-за этих 0,25px и получается лишний пиксель. И появляется он именно тогда когда в остаче 0,25px

Answer 3

[AlikDex]

старенькая статейка, но мне кажется собака зарыта именно тут:
https://habrahabr.ru/post/31392/

Еще:
cruft.io/posts/percentage-calculations-in-ie

Comments

[Alibek Kulseitov]

Статья полезная спасибо!) Видимо этого не избежать как я понял.

[AlikDex]

Алибек Кулсеитов: м.б. через жс как-то исправлять ситуацию? Но как по мне оно того не стоит. Надо просто учитывать +- пиксель и верстать соотвествующе.

[Alibek Kulseitov]

AlikDex: ну я не знаю какое решение принять, 25% для блоков сделал а как дальше)?

[AlikDex]

Алибек Кулсеитов: никак, забить =) Потраченные усилия не стоят того внимания. Но если уж совсем хочется. То отслеживать размер элементов через жс и округлять всегда в какую-то одну сторону.

Answer 4

[Cyber_bober]

у меня нету

Comments

[Alibek Kulseitov]

Да вот я только понял что в опере видно. Что с оперой не так?

[Cyber_bober]

Алибек Кулсеитов: у меня в опере тоже ок

[Alibek Kulseitov]

Cyber_bober: мда, что это за фигня) joxi.ru/82QOZkoI1qDpqr

[Cyber_bober]

Алибек Кулсеитов: хз, я с мака смотрю, может в этом дело?

[Dmitriy Uvarov]

У меня в хроме отображается красный пиксель, в Edge нету

Answer 5

[Tony C.]

а замечали, что на разных разрешениях появляются пиксели другого цвета вдругих местах? :)
take.ms/R4dpI

Comments

[Alibek Kulseitov]

Да потому что у каждого блок свой фон зеленый) а фон родителя красный)