Прокрутки в chrome - откуда?

[Zverushka]

Два нижних блока - с видео и комментариями (это просто картинки) имеют в хроме скроллы, в других браузерах нет. При этом и вертикальные и горизонтальные (горизонтальные я запретила). В других браузерах все чисто...

Откуда они берутся? ничего не понимаю...

http://vtest.uphero.com/ruletka/

[antonKar]

При этом и вертикальные и горизонтальные (горизонтальные я запретила)

Запрещайте вертикальные и жизнь наладится.

http://s003.radikal....52f4e12576e.png

Edited July 28, 2013 by antonKar

[Catherine]

.box .main {
margin: -2px 18px 0 18px;
border: 1px solid hsla(0, 0%, 80%, .1);
border-top: 2px ridge hsla(0, 20%, 10%, .15);
padding: 20px;
height: 305px;
overflow-x: hidden;
overflow-y: auto;
}

Применяем математику Возьмем блок .trailer .main

304рх(высота картинки)+20рх(padding-top)+20рх(padding-bottom)+2рх(border-top)+1рх(border-bottom)-2px(margin-top) = 345px

345 > 305 и overflow-y: auto

Упс, не то

[Zverushka]

При этом и вертикальные и горизонтальные (горизонтальные я запретила)

Запрещайте вертикальные и жизнь наладится.

http://s003.radikal....52f4e12576e.png

В описании макета нужны вертикальные при переполнении...

304рх(высота картинки)+20рх(padding-top)+20рх(padding-bottom)+2рх(border-top)+1рх(border-bottom)-2px(margin-top) = 345px 345 > 305 и overflow-y: auto

Блин совсем голова не варит. попытаюсь вкурить эту математику. только не пойму - почему в других браузерах то нормально?....

Edited July 28, 2013 by Zverushka

[swandev]

/delete (не понял что нужно)

Edited July 29, 2013 by ALEEX SWN

[Zverushka]

304рх(высота картинки)+20рх(padding-top)+20рх(padding-bottom)+2рх(border-top)+1рх(border-bottom)-2px(margin-top) = 345px 345 > 305 и overflow-y: auto

Так ведь и выходит, что по умолчанию тип бокса это content-box, размер контент бокса у нас 305 пикселя, картинка 304 - нет переполнения же? И разве маргин участвует в формировании размера?

Edited July 29, 2013 by Zverushka

[Zverushka]

Нашла причину - картинка все-таки не блок, поставила ей тип блок и все встало на свои места...

[Catherine]

Нашла причину - картинка все-таки не блок, поставила ей тип блок и все встало на свои места...

Да, что-то намудрила я) Всё верно у вас получилось. Картинка по умолчанию имеет "загадочный отступ", присущий всем сточным элементам Его можно было также убрать, выровняв картинку по верхнему краю.