Torawhite

http://htmlbook.ru/blog/sglazhivanie-shriftov-v-safari Там для safari пример. Принудительного отключения в Хроме и остальных - нет. Сам сижу на Windows 7. Если отключить ClearTpe в Windows, то отображение шрифтов на странице это никак не меняет.

Спасибо за ссылку, почитал. Но -webkit-font-smoothing: antialiased;в HTML ничего не изменило

Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z

Спасибо огромное Вам за помощь, теперь стало ясно, как скрипт работает!

пробуйте ипользовать вместо $(document).ready(function(){});событие load $(window).load(function(){});Хотя могу и ошибаться, поэксперементируйте. Спасибо, попробую! А если скрипт запихать не в head, а в самый низ body? У меня ещё конфликт скриптов наблюдался: если первым вставлять скрипт, о котором говорим, то не работал следующий, который отвечает за подсветку текущего пункта меню. Когда поменял их местами, всё заработало! пробуйте ипользовать вместо $(document).ready(function(){});событие load $(window).load(function(){});Хотя могу и ошибаться, поэксперементируйте. Сработало! Спасибо большое! То есть скрипт отталкивается именно от блока, который над блоком футера? Не имеет значения какой класс/идентификатор они имеют, он просто рассматривает два последних блочных элемента?

Вот сам сайт http://torawhite.ru/ пробовал по-разному верстать блок контента. Полностью работает только, если ничего, кроме ширины ему не задавать. Задаю шрифт или цвет фона - слетает нормальная работа, в основном в хроме и эксплорере. Все разделы, кроме "маркета" работают нормально из-за отсутствия стилей, а на маркете добавил фон и шрифт, в результате нижний блок "прыгает" примерно после прокрутки середины текста

java != javascript Можно код? Конечно! Этот вставляется между тегами head: <script>$(document).ready(function() { $('.nav_box').scrollToFixed(); $('.footer').scrollToFixed( { bottom: 0, limit: $('.footer').offset().top }); var summaries = $('.summary'); summaries.each(function(i) { var summary = $(summaries[i]); var next = summaries[i + 1]; summary.scrollToFixed({ marginTop: $('.nav_box').outerHeight(true) + 10, limit: function() { var limit = 0; if (next) { limit = $(next).offset().top - $(this).outerHeight(true) - 10; } else { limit = $('.footer').offset().top - $(this).outerHeight(true) - 10; } return limit; }, zIndex: 999 }); }); });</script>Этот подключается: (function(a){a.isScrollToFixed=function({return !!a(.data("ScrollToFixed")};a.ScrollToFixed=function(d,i){var l=this;l.$el=a(d);l.el=d;l.$el.data("ScrollToFixed",l);var c=false;var G=l.$el;var H;var E;var e;var y;var D=0;var q=0;var j=-1;var f=-1;var t=null;var z;var g;function u(){G.trigger("preUnfixed.ScrollToFixed");k();G.trigger("unfixed.ScrollToFixed");f=-1;D=G.offset().top;q=G.offset().left;if(l.options.offsets){q+=(G.offset().left-G.position().left)}if(j==-1){j=q}H=G.css("position");c=true;if(l.options.bottom!=-1){G.trigger("preFixed.ScrollToFixed");w();G.trigger("fixed.ScrollToFixed")}}function n(){var I=l.options.limit;if(!I){return 0}if(typeof(I)==="function"){return I.apply(G)}return I}function p(){return H==="fixed"}function x(){return H==="absolute"}function h(){return !(p()||x())}function w(){if(!p()){t.css({display:G.css("display"),width:G.outerWidth(true),height:G.outerHeight(true),"float":G.css("float")});cssOptions={"z-index":l.options.zIndex,position:"fixed",top:l.options.bottom==-1?s():"",bottom:l.options.bottom==-1?"":l.options.bottom,"margin-left":"0px"};if(!l.options.dontSetWidth){cssOptions.width=G.width()}G.css(cssOptions);G.addClass(l.options.baseClassName);if(l.options.className){G.addClass(l.options.className)}H="fixed"}}function b(){var J=n();var I=q;if(l.options.removeOffsets){I="";J=J-D}cssOptions={position:"absolute",top:J,left:I,"margin-left":"0px",bottom:""};if(!l.options.dontSetWidth){cssOptions.width=G.width()}G.css(cssOptions);H="absolute"}function k(){if(!h()){f=-1;t.css("display","none");G.css({"z-index":y,width:"",position:E,left:"",top:e,"margin-left":""});G.removeClass("scroll-to-fixed-fixed");if(l.options.className){G.removeClass(l.options.className)}H=null}}function v(I){if(I!=f){G.css("left",q-I);f=I}}function s(){var I=l.options.marginTop;if(!I){return 0}if(typeof(I)==="function"){return I.apply(G)}return I}function A(){if(!a.isScrollToFixed(G)){return}var K=c;if(!c){u()}else{if(h()){D=G.offset().top;q=G.offset().left}}var I=a(window).scrollLeft();var L=a(window).scrollTop();var J=n();if(l.options.minWidth&&a(window).width()<l.options.minWidth){if(!h()||!K){o();G.trigger("preUnfixed.ScrollToFixed");k();G.trigger("unfixed.ScrollToFixed")}}else{if(l.options.maxWidth&&a(window).width()>l.options.maxWidth){if(!h()||!K){o();G.trigger("preUnfixed.ScrollToFixed");k();G.trigger("unfixed.ScrollToFixed")}}else{if(l.options.bottom==-1){if(J>0&&L>=J-s()){if(!x()||!K){o();G.trigger("preAbsolute.ScrollToFixed");b();G.trigger("unfixed.ScrollToFixed")}}else{if(L>=D-s()){if(!p()||!K){o();G.trigger("preFixed.ScrollToFixed");w();f=-1;G.trigger("fixed.ScrollToFixed")}v(I)}else{if(!h()||!K){o();G.trigger("preUnfixed.ScrollToFixed");k();G.trigger("unfixed.ScrollToFixed")}}}}else{if(J>0){if(L+a(window).height()-G.outerHeight(true)>=J-(s()||-m())){if(p()){o();G.trigger("preUnfixed.ScrollToFixed");if(E==="absolute"){b()}else{k()}G.trigger("unfixed.ScrollToFixed")}}else{if(!p()){o();G.trigger("preFixed.ScrollToFixed");w()}v(I);G.trigger("fixed.ScrollToFixed")}}else{v(I)}}}}}function m(){if(!l.options.bottom){return 0}return l.options.bottom}function o(){var I=G.css("position");if(I=="absolute"){G.trigger("postAbsolute.ScrollToFixed")}else{if(I=="fixed"){G.trigger("postFixed.ScrollToFixed")}else{G.trigger("postUnfixed.ScrollToFixed")}}}var C=function(I){if(G.is(":visible")){c=false;A()}};var F=function(I){(!!window.requestAnimationFrame)?requestAnimationFrame(A):A()};var B=function(){var J=document.body;if(document.createElement&&J&&J.appendChild&&J.removeChild){var L=document.createElement("div");if(!L.getBoundingClientRect){return null}L.innerHTML="x";L.style.cssText="position:fixed;top:100px;";J.appendChild(L);var M=J.style.height,N=J.scrollTop;J.style.height="3000px";J.scrollTop=500;var I=L.getBoundingClientRect().top;J.style.height=M;var K=(I===100);J.removeChild(L);J.scrollTop=N;return K}return null};var r=function(I){I=I||window.event;if(I.preventDefault){I.preventDefault()}I.returnValue=false};l.init=function(){l.options=a.extend({},a.ScrollToFixed.defaultOptions,i);y=G.css("z-index");l.$el.css("z-index",l.options.zIndex);t=a("<div />");H=G.css("position");E=G.css("position");e=G.css("top");if(h()){l.$el.after(t)}a(window).bind("resize.ScrollToFixed",C);a(window).bind("scroll.ScrollToFixed",F);if("ontouchmove" in window){a(window).bind("touchmove.ScrollToFixed",A)}if(l.options.preFixed){G.bind("preFixed.ScrollToFixed",l.options.preFixed)}if(l.options.postFixed){G.bind("postFixed.ScrollToFixed",l.options.postFixed)}if(l.options.preUnfixed){G.bind("preUnfixed.ScrollToFixed",l.options.preUnfixed)}if(l.options.postUnfixed){G.bind("postUnfixed.ScrollToFixed",l.options.postUnfixed)}if(l.options.preAbsolute){G.bind("preAbsolute.ScrollToFixed",l.options.preAbsolute)}if(l.options.postAbsolute){G.bind("postAbsolute.ScrollToFixed",l.options.postAbsolute)}if(l.options.fixed){G.bind("fixed.ScrollToFixed",l.options.fixed)}if(l.options.unfixed){G.bind("unfixed.ScrollToFixed",l.options.unfixed)}if(l.options.spacerClass){t.addClass(l.options.spacerClass)}G.bind("resize.ScrollToFixed",function(){t.height(G.height())});G.bind("scroll.ScrollToFixed",function(){G.trigger("preUnfixed.ScrollToFixed");k();G.trigger("unfixed.ScrollToFixed");A()});G.bind("detach.ScrollToFixed",function(I){r(I);G.trigger("preUnfixed.ScrollToFixed");k();G.trigger("unfixed.ScrollToFixed");a(window).unbind("resize.ScrollToFixed",C);a(window).unbind("scroll.ScrollToFixed",F);G.unbind(".ScrollToFixed");t.remove();l.$el.removeData("ScrollToFixed")});C()};l.init()};a.ScrollToFixed.defaultOptions={marginTop:0,limit:0,bottom:-1,zIndex:1000,baseClassName:"scroll-to-fixed-fixed"};a.fn.scrollToFixed=function({return this.each(function(){(new a.ScrollToFixed(this,)})}})(jQuery);

Здравствуйте! Прошу Вас помочь со скриптом. Взял готовый скрипт http://bigspotteddog.github.io/ScrollToFixed/ но работает он не совсем корректно: некорректно работает нижняя панель, которая зафиксирована снизу окна браузера, но, когда при скролле достигает футера, то прилипает к его верхнему краю и начинает ползти вверх вместе с футером. Но загвоздка в том, что когда я применил его к своей странице, нижняя панель может отскочить к футеру только при прокрутке чуть более половины страницы, а может и как надо. Проверяю только на одной странице. Не могу понять как срипт определяет, когда ему "прилипнуть" к футеру. Сам я в java не силён, поэтому, если у кого-то есть время помочь, посмотрите код, пожалуйста. Спасибо!

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

Спасибо. Да, так работает, но убирает подсветку, если перейти на вложенный каталог, то есть http://torawhite.ru/more/contacts.php уже не подсвечивает. предыдущий вариант всегда подсвечивал главную. но работал со вложенными каталогами. Понимаю, но неужели нет рабочего скрипта под это. Ведь на многих сайтах это реализовано и работает

Сделал, посмотрите. Выделяет сразу два раздела

border не нужен, но и с ним тоже закругляет. С блоком div на заднем плане - отличный выход.

Изменил, спасибо. Но углы также закругляет.

Вариант с блоком полностью решил проблему.

Спасибо большое, что помогли! Сам проверяю результат в сафари через айфон, но, думаю, на маке та же история. Сейчас попробую вариант с блоком, большинство сайтов так и делают.

Да какая разница какого уровня домен? Ты можешь свой квадрат вставить псевдо-элементом и не задавать background-color через селектор #menu a? Я не совсем понимаю ход ваших мыслей. Квадрат я вставил символом, как текст, он должен быть там постоянно, меняется только его фон.. Если всё оставить, как было раньше, то скрипт присваивает класс .active ему постоянно, то есть фон заливает другим цветом. Как поможет здесь квадрат, вставленный, как псевдоэлемент (узнал о их существовании впервые, от вас), из полезного тут только :after и :before, но как их привязать к этой не пойму, мало опыта.

А класс .input кто будет применять к инпуту? Спасибо! Применил. Высота в Firerxox выровнялась, но закругления в Safari остались без изменений

Вы правы. Забыл закинуть. Закинул, но всё равно ничего не изменилось...

Этот скрипт работает, но не убирает подсветку с главной (где квадрат), при переходе в другой раздел. Убирает только когда переходишь в раздел "маркет", но там домен третьего уровня, видимо, поэтому снимает. Сейчас на странице подсветка убирается, но только потому, что я убрал ячейку с квадратом (главная страница) в отдельный блок и изменил таблицу стилей для главной страницы, то есть там по умолчанию фон залит на главной. Можете фаербагом посмотреть.

<link rel="stylesheet" type="text/css" href="http://www.torawhite.ru/css/reset.css"> <link rel="stylesheet" type="text/css" href="http://www.torawhite.ru/css/input_reset.css"> Вот, обе таблицы, они подключены

Дайте ссылку на сайт. http://torawhite.ru/ Дайте ссылку на сайт. Просматривал сайты фаербагом и примерно понял, как добиваются общего стиля - делают форму поиска в отдельном блоке, а если цвет фона один и тот же, то не видно скруглений, а если сделать форму поиска меньше по высоте самого блока, то с высотой проблема тоже решается. нужно попробовать

Должен быть способ привести их к общему стилю, думаю. Зачем т огда нужны все эти ресеты? Смотрится ужасно, когда рядом с полем поиска кнопка подтверждения поиска ниже на 2 пикселя, чем само поле поиска, а высота в стилях указана одна. Я уже про закругление углов не говорю.

запрос в гугл: https://www.google.ru/?gws_rd=ssl#newwindow=1&q=%D1%81%D0%B1%D1%80%D0%BE%D1%81+%D1%81%D1%82%D0%B8%D0%BB%D0%B5%D0%B9 Спасибо! Но ничего не изменилось - что закруглялось, то закругляется, что было увеличено, то осталось увеличено. Возможно, я сделал что-то не так: 1. Создал отдельный .css файл с ресетом от Эрика и поставил в списке загрузки таблиц стилей первым; 2. Создал отдельный .css файл с ресетом, который предложил Great Rash и поставил в списке загрузки таблиц стилей вторым.

А как их сбросить? Подскажите, если не сложно!

Здравствуйте! Столкнулся с различной самостилизацией формы запроса "input" некоторыми браузерами: Если выставлять, например,type="text" а в CSS прописать height: 30px, то: - Firefox выставляет высоту 32px; - Safari выставляет высоту 35px и закругляет углы. Если выставлять, например,type="searcht" а в CSS прописать height: 30px, то: - Firefox выставляет высоту 32px; - Safari выставляет правильную высоту, но максимально закругляет углы (радиусом в половину height). type="email" - тоже вёрстка различная, safari закругляет углы и увеличивает высоту! border-radius: none; - не помогает Как добиться единой стилизации формы запросы и отключить стилизацию браузера?