От куда такие проблемы с сайтом?

Question

[westdp]

Опыта в верстке у меня, хватает но не могу понять от куда такие проблемы взялись вот пример: тыц
1) При 3Д трансформации кубов, в хроме все ок, в мазилле и сафари линии этих кубов идут неровно, а ступеньками, в чем проблема?

2) Если нажать на кнопку к примеру - "О нас", окроется окно, и если сузить окно браузера чтобы блок не помешался по высоте, не появляется скрол?
При том что у блока стоит overflow-y: auto;.

#about {
    background-color: #dbdbdd;
    width: 50%;
    position: absolute;
    top: 20%;
    left: 10%;
    z-index: 9;
    display: none;
    overflow-y: auto;
}

Почему?

Answer 1

[Станислав Третьяков]

Насчет сглаживания в мозилле и сафари - старые версии не поддерживают. У меня сейчас Fierfox 44 (линукс), линии отображаются нормально, без кубиков. Еще один забавный пример:

Создайте блок и задайте ему такие свойства:

border-radius: 100px;
border: 1px dotted #000

По идеи скругленные углы должны быть из точек, но они превращаются в линии. В общем, в фаерфоксе и не только в нем, беда c подобными трюками. Скорей всего с одной из таких вы и столкнулись.

Насчет второго вопроса, добавьте блоку #about свойства:

max-height: 100%;
overflow-y: auto;

Проверил на вашем сайте, работает. Кстати, на сайте нет overflow-y: auto, поэтому указал его.

Comments

[westdp]

Спасибо. Помог. Но по первому пункту все равно также, даже после одновления браузера до 44 версии(

[Станислав Третьяков]

westdp: Браузеры не успевают внедрять новые технологии. Я неоднократно натыкался на то, что для firefox есть плагин, который сглаживает и т.д., но беда в том, что он будет только у вас, а не у пользователей сайта:) Остается, наверное, только смириться, либо я чего-то не знаю.