StormMan

Нашёл, вроде это т.н. font boosting виноват. Установил для всех возможных элементов max-height: 99999px. Посмотрим, что получится.

По ссылке вроде есть и em, и проценты.. У меня вёрстка на базе simplegrid, делал всегда на ней, впервые такие чудеса происходят...

Друзья, есть такая проблема. Когда загружаешь сайт (я тут укороченную версию сайта укажу, чтоб поисковики не хавали) http://goo.gl/hFhizU на смартфоне (проверял на Android в Chrome Browser) и прокручиваешь в вертикальной ориентации, то изменяется масштаб или размер шрифта. На определённом месте он увеличивается, а затем, где-то внизу, уменьшается обратно. Смотрится дико. Никак не могу найти причину. Может, кто-то сталкивался, имеет опыт? Подскажите, пожалуйста, куда копать, в чём может быть дело?

Друзья, спасибо за ответы В общем, мне подсказали один вариант на другом форуме. Вот он, это вариант: http://jsfiddle.net/StormMan/xKC3q/ Способ, о котором почему-то мне не пришло идеи.. )) Считаю проблему решённой, но, возможно, есть и другие способы?

Друзья, такая задачка. Есть высплывающее окно fancybox, в котором список ссылок аля галерея, при клике на каждую из них открывается новое всплывающее окно, в котором, в свою очередь, другая галерея, опять же при клике на каждую открывается новое всплывающее окно. FancyBox так устроен, что при открытии нового окна из родительского, родительское закрывается. Задача в том, чтобы при закрытии дочерних окон открывались обратно родительские. Сделать такое с парой окон, назовём её "родитель-потомок", довольно просто - используем для открытия родительского окна callback afterClose. Например: (код выдран из длинного листинга, поэтому кое-что там лишнее, не имеющее значения, самое главное я прокоментировал) $('.fancyboxinfo').each(function(index, item) { $(item).fancybox({ closeClick: true, beforeLoad: function() { window.last = this.element; // по этому имени будем его открывать после закрытия дочернего } });});$(".fancyboxphotos").each(function(index, item) { $(item).find('a.fancyboximg').fancybox({ closeBtn: true, closeClick: true, afterClose: function() { setTimeout(function() { jQuery(window.last).trigger('click') }, 300); // открываем родительское окно после закрытия } });});А теперь добавляем третье окно. Я добавил его в начало, пусть оно будет самым первым "родителем". То есть, сперва у нас открыто первое окно fancyboxmain. Кликаем в нём на ссылку, это окно закрывается и открывается fancyboxinfo. В нём также кликаем ссылку, оно закрывается и открывается окно fancyboxphotos. Затем мы закрываем fancyboxphotos, открывается опять fancyboxinfo. Данная цепочка работает (в примере ниже), однако после закрытия fancyboxinfo самое первое окно, конечно же, не открывается: $('.fancyboxmain').each(function(index, item) { $(item).fancybox({ closeClick: false });});$('.fancyboxinfo').each(function(index, item) { $(item).fancybox({ closeClick: true, beforeLoad: function() { window.last = this.element; } });});$(".fancyboxphotos").each(function(index, item) { $(item).find('a.fancyboximg').fancybox({ closeBtn: true, closeClick: true, afterClose: function() { setTimeout(function() { jQuery(window.last).trigger('click') }, 300); } });});Друзья, подскажите, что можно сделать, чтобы после закрытия fancyboxinfo открывалось fancyboxmain? Я пробовал добавить afterClose для fancyboxinfo, но получается проблема: при преходе от fancyboxinfo к fancyboxphotos первое закрывается, так устроен FancyBox, и соответственно срабатывает afterClose, перекидывающее нас к окну fancyboxinfo и не дающее открыться окну fancyboxphotos. Получается замкнутый круг - в цепочку больше двух окон поставить не получается. Вод пример такого не работающего кода: $('.fancyboxmain').each(function(index, item) { $(item).fancybox({ closeClick: false beforeLoad: function() { window.first= this.element; } });});$('.fancyboxinfo').each(function(index, item) { $(item).fancybox({ closeClick: true, beforeLoad: function() { window.last = this.element; } afterClose: function() { setTimeout(function() { jQuery(window.first).trigger('click') }, 300); } });});$(".fancyboxphotos").each(function(index, item) { $(item).find('a.fancyboximg').fancybox({ closeBtn : true, closeClick : true, afterClose: function() { setTimeout(function() { jQuery(window.last).trigger('click') }, 300); } });});Как всё-таки можно решить эту проблему? Чтобы начиная с первого окно и доходя до третьего, при закрытии мы снова возвращались к первому?

Switch74, огромное спасибо за помощь и интересные идеи! Поэксперементирую с обоими вариантами))

Да, сделал: http://jsfiddle.net/KyYXq/

Друзья, проблема такая. Есть две кнопки для листания карусели вперёд и назад (.prev и .next), мне нужно их разместить за блоком #page, в котором эта карусель находится. Дизайнерская задумка такая, что тень от #page падает на эти блоки, а тень, отбрасываемая блоками, частично скрывается за блоком #page. То есть #page находится над .prev и .next. Но почему-то не получается у меня поместить эти стрелки в нужное место, в результате они сами отбрасывают свою тень на #page. То есть они находятся над контейнером, в который помещены, а не под ним, как мне это нужно. Танцы с бубном вокруг z-index и position мне не помогли.. Подскажите, вообще задача реальная стоит? И если реальная, как добиться нужного результата? В коде ниже есть ещё блок header, его у меня получилось над #page поставить. А вот с .prev и .next фиаско.. Помогите, пожалуйста, советом. <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>тест</title> <meta name="description" content="тест"> <style> body { background: #a1a1a1; margin:0;font-size:1em;line-height:1; } .wrapper { margin: 0 auto; padding: 0; width: 760px; position: relative; } header { position: fixed; top: 0; height: 30px; width: 100%; background: #54005c; box-shadow: 0 0 9px rgba(0,0,0,.32); overflow: hidden; z-index: 10; } #page { background-color: white; min-height: 800px; top: 30px; box-shadow: 0 0 9px rgba(0,0,0,.32); font-size: 14px; z-index: 3; } #panel { position: relative; top: 14px; background: #eee; height: 60px; } a.prev, a.next { position: absolute; background: #eee; z-index: 5; width: 40px; height: 60px; box-shadow: 0 0 7px rgba(0,0,0,.32); } a.prev { left: -40px; } a.next { right: -40px; } </style> </head> <body> <header> </header> <div id="page" class="wrapper"> <section id="panel"> <a class="prev" id="prev_btn1" href="#"><span>prev</span></a> <a class="next" id="next_btn1" href="#"><span>next</span></a> </section> </div> </body> p.s. Вёрстка только под современные браузеры.

daggi, воспользуйтесь переводчиком - вам дали ссылку на реально полезную статью. Ваша проблема в классе clear, а ещё точнее в свойстве overflow:hidden. Именно оно обрезает ваше меню. Вам нужно убрать его. А чтобы полностью очистить поток (собственно, hidden у вас для этого и указана), воспользуйтесь кодом из статьи, только класс cf вам нужно будет переименовать на ваш вариант - clear. Должно помочь.

Да, это дело вкуса. Я, наоборот, центрирую каждый блок. Это бывает удобно, когда надо сделать фоны на всю ширину, а контент с фикированной шириной по центру.

Не знаю, какое здесь можно сделать красивое решение.. Возможно, как-то через сложный js вычислить позицию начала каждой строки от края буквы А, но это пипец. С костылями проще. Например так: http://jsfiddle.net/StormMan/saqsc/3/

ему предлагали вот это: Если ширина подвала фиксированная, то этот способ не сработает. В этом отличие варианта bob_24 от того, что предложил топикстартеру я, когда мы делаем изображение фоном не подвала, а body. И, если честно, я знаю не так много причин, по которым способ может не подойти или тем более не сработать.

ммдаааа...... Catherine, спасибо Вам большое!

А есть вариант ещё проще. Можно поставить якорь куда-нибудь повыше, например в конец предыдущего абзаца - и все дела.

makcau, как вариант: body { background: url(path) center bottom no-repeat; } или, если у body уже есть фон, можно ещё поизвращаться: html { background: url(path) center bottom no-repeat; } где path - путь к картинке, которая у вас в футере. up: если я правильно понял то, что на картинке, то в вашем случае нужно тот фон, который в клеточку на всю страницу, переставить из body в html, a для body назначить фон подвала, как я указал выше.