Разница двух результатов ширины браузера?

@Libris я ничего не понимаю. Если мы ставим элементу на странице min-width:Xpx, то нужно понимать, что горизонтальная прокрутка при высоте контента, превышающем высоту области просмотра, появится при ширине (X + 17)px.

Если это понятно, то спрошу — какую задачу мы вообще решаем? Почему ширина области просмотра при высоте контента, превышающей собственную высоту области просмотра, уменьшается на ширину полосы прокрутки?

Разница двух результатов ширины браузера?

@Libris бегло смотрел и перепутал #container с #content. Повторюсь, что это вообще неважно.

Разница двух результатов ширины браузера?

@Libris не, с элементом внутри я ошибся, но это не меняет абсолютно ничего. Если ставить минимальную ширину 1024, то это значит, что при высоком контенте прокрутка появится примерно на 1041 пикселей для окна.

Разница двух результатов ширины браузера?

@Libris если говорить про JS, то узнать ширину окна можно по window.innerWidth. Только зачем она нам, если может появиться полоса прокрутки и ширина области просмотра уменьшится?

Если я знаю, что мой сайт откроют на мониторе с разрешением 1024х..., то будет большой странностью, мягко говоря, писать min-width:1024px. Потому что как только сработает условие, о котором я писал в ответе, появится вертикальная прокрутка, и тут же автоматически горизонтальная.

Именно это и происходит на указанном сайте. В блоке с min-width:1024px находится другой с width:1024px. У меня нет слов, зачем это нужно.

Как бороться? Учесть, что максимальная ширина области просмотра не должна использоваться для min-width у элементов на странице.

Разница двух результатов ширины браузера?

@Libris я написал, как считать ширину окна — window.innerWidth
Какой смысл обсуждать то, как посчитать ширину скролла?
Что есть такое window.width и зачем оно нужно?
jsfiddle.net/petroveg/cb21n3yv

Как остановить блок при скролле?

@chernyavskiy94 или даже так (покороче) jsfiddle.net/petroveg/axvz84ry/1

Как остановить блок при скролле?

@chernyavskiy94 примерно вот так jsfiddle.net/petroveg/axvz84ry

Как бороться со сливанием отступов (margin в css)?

@Libris вот если он прочтёт спецификацию, и что-то не поймёт, вот тогда тут и уточнят.
Из приличного количества источников можно составить такое уродливое лоскутное одеяло знаний, что потом топором не поможешь.

Как остановить блок при скролле?

@chernyavskiy94
1. Стоит указать примерно это:

position:fixed;
	z-index:10;
	top:88px;
	bottom:0;
	width:150px;
	background:rgba(255, 255, 255, .3);

2. Я бы определил позицию футера (его положение относительно документа — offset() вам в помощь или getBoundingClientRect() + document.documentElement.scrollTop из нативного JS) и высоту окна — document.documentElement.clientHeight или innerHeight() (тут нужно уточнить — как в jQuery не помню).

3. Ловим scroll на окне (это событие такое) и смотреть на разницу положение футера и высоты прокрученного контента. Как только она меньше высоты области просмотра, меняем bottom для меню на эту величину (только положительную).

Как бороться со сливанием отступов (margin в css)?

@Libris просто такого правила, как margin-collapse нет ни в одном документе рабочих групп W3C. так что смысла нет никакого приводить абсолютно проприетарные свойства типа filter.

Я думал, что мы говорим на тему, указанную в вопросе, а не жонглируем словосочетаниями.

Как бороться со сливанием отступов (margin в css)?

@Libris margin-collapse: separate — это кто?

Как остановить блок при скролле?

@chernyavskiy94 знаете, как я люблю писать сам себе? Просто обожаю:) Вы тоже пишите, как и я, но только не себе, а мне. Вот сюда, в мой ответ.

Про ширину и нижние отступы — это шутка? Тут пришла пора глянуть на цель вашего творения либо в виде макета, либо уже написанного вами кода.

Как бороться со сливанием отступов (margin в css)?

@Libris где именно margin-collapse не соответствует спецификации? Можно подкреплять свои фантазии пруфами?

Ошибка could not load the source for javascript в firefox при открытии всплывающего окна, в чем проблема?

@aphex поставьте
printWindow.print();

Как блоку запретить менять размер?

@DeLaVega давайте, я уточню: вы, как и автор той статьи, точно уверены в том, что webkit-box-shadow и box-shadow в Chrome рендерят разные механизмы? Потому что только в этом случае порядок важен.

Как бороться со сливанием отступов (margin в css)?

Конечно, потому верно посылать в спецификацию. Именно в спецификацию, а не в Яндекс.

Как блоку запретить менять размер?

@DeLaVega мне такие советы точно не нужны

Как блоку запретить менять размер?

@DeLaVega вот смотрите jsfiddle.net/petroveg/bvne8cq4 — прямо как в страшилке.

Как блоку запретить менять размер?

@DeLaVega это где для примера написаны разные значения для разных префиксов?)) Вообще неубедительно.

Как бороться со сливанием отступов (margin в css)?

И как это вообще поможет для соседних блоков?