Selen

Спасибо всем за участие Тему можно закрывать, решение найдено !

Как инициализировать jQuery.Cookie, что бы он автоматически сохранял все изменения на странице ? Включая положение скролла. В благодарность жителям Украины вышлю бутылку, пиво на выбор - Новой Почтой Жителям других стран - 5 у.е. на Вебмани.

Неужели на форуме не найдется людей знакомых с клиентской оптимизацией ? Или очень сложную задачу поставил ?

nginx - ознакомился с краткой информацией. Интересно. Но раз уж начал разбираться с Apache, хочу разобраться до конца. С nginx не думаю, что будет легче А чем nginx лучше Apache, в плане сжатия ?

Доброго времени суток. На локальное машине имеется Apache+PHP+MySQL. Настроен на локальный просмотр страниц. Работает! Установил YSlow на Лису. Оценка YSlow указала на моменты которые можно подправить, чтобы увеличить производительность. Подправил! Осталось 2 момента, с которыми никак не получается разобраться Add Expires headers - момент связанный с кЕшированием. Compress components with gzip - сжатие на стороне сервера. Настройку провожу через .htaccess Код для gzip: <IfModule mod_deflate.c> # force deflate for mangled headers <IfModule mod_setenvif.c> <IfModule mod_headers.c> SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding </IfModule> </IfModule> # HTML, TXT, CSS, JavaScript, JSON, XML, HTC: <IfModule filter_module> FilterDeclare COMPRESS FilterProvider COMPRESS DEFLATE resp=Content-Type $text/html FilterProvider COMPRESS DEFLATE resp=Content-Type $text/css FilterProvider COMPRESS DEFLATE resp=Content-Type $text/plain FilterProvider COMPRESS DEFLATE resp=Content-Type $text/xml FilterProvider COMPRESS DEFLATE resp=Content-Type $text/x-component FilterProvider COMPRESS DEFLATE resp=Content-Type $application/javascript FilterProvider COMPRESS DEFLATE resp=Content-Type $application/json FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xhtml+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/rss+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/atom+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/vnd.ms-fontobject FilterProvider COMPRESS DEFLATE resp=Content-Type $image/svg+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/x-font-ttf FilterProvider COMPRESS DEFLATE resp=Content-Type $font/opentype FilterChain COMPRESS FilterProtocol COMPRESS DEFLATE change=yes;byteranges=no </IfModule> <IfModule !mod_filter.c> AddOutputFilterByType DEFLATE text/html text/plain text/css application/json AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/xml application/xml text/x-component AddOutputFilterByType DEFLATE application/xhtml+xml application/rss+xml application/atom+xml AddOutputFilterByType DEFLATE image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype </IfModule> </IfModule> Для Expires headers: <IfModule mod_expires.c> ExpiresActive on # Perhaps better to whitelist expires rules? Perhaps. ExpiresDefault "access plus 1 month" # cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5) ExpiresByType text/cache-manifest "access plus 0 seconds" # Your document html ExpiresByType text/html "access plus 0 seconds" # Data ExpiresByType text/xml "access plus 0 seconds" ExpiresByType application/xml "access plus 0 seconds" ExpiresByType application/json "access plus 0 seconds" # RSS feed ExpiresByType application/rss+xml "access plus 1 hour" # Favicon (cannot be renamed) ExpiresByType image/x-icon "access plus 1 week" # Media: images, video, audio ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType video/ogg "access plus 1 month" ExpiresByType audio/ogg "access plus 1 month" ExpiresByType video/mp4 "access plus 1 month" ExpiresByType video/webm "access plus 1 month" # HTC files (css3pie) ExpiresByType text/x-component "access plus 1 month" # Webfonts ExpiresByType font/truetype "access plus 1 month" ExpiresByType font/opentype "access plus 1 month" ExpiresByType application/x-font-woff "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 month" ExpiresByType application/vnd.ms-fontobject "access plus 1 month" # CSS and JavaScript ExpiresByType text/css "access plus 1 week" ExpiresByType application/javascript "access plus 1 week" ExpiresByType text/javascript "access plus 1 week" <IfModule mod_headers.c> Header append Cache-Control "public" </IfModule> </IfModule> Просьба не отправлять на гугл и другие поисковики! Был, искал, читал. Пишут везде одно и тоже, то что я и сделал. Apache имеет дефалтные настройки. YSlow не умолим. Add Expires headers и Compress components with gzip - в красной зоне. F и E соответственно. Буду признателен за помощь!

Так никто и не разобрался в этом странном баге Opera ?

Попробовал данное решение. С кодом можно ознакомиться здесь http://jsfiddle.net/9zJyy/ Получилось. Но есть два нюанса: 1. Появилась горизонтальная полоса прокрутки. На размер рисунка. 2. При добавлении контента в хедер, кусок фона смещается вниз. В зависимости от количества контента. + Растет высота хедера. Вторую проблему решил: указанием фиксированной высоты. А смещение вниз - отрицательным значением значения top. А вот как с первой проблемой бороться ? psywalker А разве при уменьшении окна рука не заедет под основной блок. Ты ведь предлагаешь ее (руку) сделать бекграундом ?

Я могу увидеть фрагмент кода ?

Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?

Для DIV в стилях прописываешь margin: 0 auto. Отцентрируешь блок, а с ним и его содержимое.

http://jsfiddle.net/UbhBp/ За основу взята стандартная заготовка, фикс размера, с прижатым к низу футером. Все лишнее, включая футер я убрал. Оставил сам каркас и тень. Внизу страницы имеется дыра, размером с тень. Этот отступ наблюдается только в Опера.

В данном решении есть небольшой нюанс. Если ты делаешь ссылку блочным элементом. То она, приобретает свойства блочного элемента. В частности, ширина блочного элемента равна ширине его родителя. Это момент стоит учитывать. Иначе, при наведении на пустое место, рядом со ссылкой. Курсор будет реагировать формой пальца, как при наведении на ссылку. И переходить по ней. Тогда лучше воспользоваться display: block + float: right.

Присоединяюсь к вопросу.

Я бы поступил следующим образом: 1. Подключил бы внешнюю таблицу стилей, ориентированную на печать: <link rel="stylesheet" type="text/css" href="css/print.css" media="print" /> 2. При печати, элементы с фиксированным позиционированием отображаются на каждой страницы (как колонтитул): DIV#logo {position: fixed; top: 90%; left: 20px;}

Или может имелось ввиду это ? http://htmlbook.ru/layout/sloy-po-tsentru-veb-stranitsy