Indorill24Empty

http://htmlbook.ru/css/float http://htmlbook.ru/css/display http://htmlbook.ru/css/text-align

Не слышал что бы кто-то таким заморачивался. Если делаешь мобильную вёрстку нормальную, или адаптивную - то всё везде хорошо. Если только ты не имеешь ввиду какое-то специфичное программирование под эти браузеры.

inner-banner - height 150px - убери.

Добрый день. При наведении на родительскую ссылку, дочерняя картинка и текст плавно меняют прозрачность: <a href="/pages/viewpage.action?pageId=936411868"><img src="/download/attachments/978223304/tk.png"/><span>Вакансии</span></a> .colo > div a span, .colo > div a img { transition: all .5s linear 0s; -o-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; } .colo > div a:hover img, .colo > div a:hover span {opacity: .7;} Но помимо прозрачности происходит изменение размеров картинки, где то пикселей на 1-2. Менял all на opacity, linear на ease - так же странно работает. Подскажите пожалуйста, что это может быть?

Спасибо за наводку. В ссылке и стоял href="#", просто это интранет сеть, платформа Confluence и её редактор ссылку отображал как ?=pageid123123#

Добрый день. Делаю фиксированый, выезжающий по клику блок. $( ".fixedmenu .close" ).on( "click", function() { $( ".fixedmenu" ).toggleClass( "open" ); }); .fixedmenu { position: fixed; left: -335px; top: 150px; padding: 10px 30px 10px 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 0px #000; z-index: 10; width: 325px; transition: left .5s ease 0s; -o-transition: left .5s ease 0s; -moz-transition: left .5s ease 0s; -webkit-transition: left .5s ease 0s; -ms-transition: left .5s ease 0s; } .fixedmenu.open {left: 10px;} Сколлю страницу вниз, жму на селектор - анимация происходит - но страницу скипает к топу. Раньше такого не было, правда делал обычно на интернет сайтах, а сейчас делаю в интранет сети, на корпоративном портале Confluence. Скажите пожалуйста, почему такое может быть?