Два блока с position: fixed налезают друг на друга, как исправить?

Question

[Михаил Ким]

есть два дива, оба имеют position: fixed, margin между блоками в процентах, при отображение сайта на узких экранах дивы налезают друг на друга, как это исправить?

Comments

[LittleFatNinja]

А КАК ТЫ ХОЧЕШ?

[Михаил Ким]

LittleFatNinja: вот это норма - https://drive.google.com/file/d/0B8NPb8zX0biSLXNKc...
Вот, когда налезают - https://drive.google.com/file/d/0B8NPb8zX0biSWEl1M...
Хочу, чтобы было, как на первом скриншоте

Answer 1

[Alex]

Попробуй положить их в один контейнер, которому задать position: fixed, а их уже двигать марджинами/флоатами/флексбоксами, но чтобы position у них был static

Comments

[Михаил Ким]

не помогло, но все равно спасибо

[Alex]

Михаил Ким: покажи пример.

[Alex]

Михаил Ким: я имею в виду живой сайт, не картинки. А по картинкам — зачем тебе делать fixed у блока с карточками? Разве он не должен скроллиться?

[Михаил Ким]

isqua: должен, свойством overflow: auto делаю его скрольным, www.vkoffline.16mb.com/sofi

[Alex]

Михаил Ким: может быть, разумнее fixed сделать header и toolbar, а main_content пусть скроллится вместе со страницей? Тогда и проблема решится, и на системах со скроллбарами будет выглядеть аккуратнее.

[Михаил Ким]

isqua: да, но если сделать хэдэр fixed, то сверху появится какой-то отступ, хотя его там не должно там быть, не знаете как решить?

[Alex]

Михаил Ким: прописать для .header { top: 0 }

[Михаил Ким]

isqua: спасибо огромное, вы очень помогли

[Alex]

Михаил Ким: не забудь отметить ответ как подошедший ;—)