Z1gnet

Вы допустили банальную ошибку в коде, ошиблись в одном символе когда переписывали с моего скриншота. а именно в значении background прописали sKroll, а надо sCroll! вот и вся проблема. и еще не надо столько всего прописывать в background, как показано на моем скрине (это фаербаг сам генерит). достаточно написать просто background:rgba(255, 255, 255, 0.5); В итоге у вас должно получиться следующее #background-pattern:before {content: "";position: absolute;width: 220px; /* ширина полоски прозрачной */left: 50%;margin:0 0 0 -110px; /* 110 это половина ширины !!! */bottom: 0;background:rgba(255, 255, 255, 0.5);top:0;}

мне ваш код ничего не даст потому что у вас там куча всяких файлов подключается (в частности css). либо скинте архивом все файлы либо больше не чем не могу помочь.

Футер так себя ведет потому что по умолчанию блочные элементы растягиваются на 100% своего родителя, в данном случае это body. А body равен ширине экрана (уж так он себя ведет). А на меин Вы задали ширину больше чем боди и он растянулся шире, а футеру не задана ширина и он равняется ширине боди. это отличный способ и ничего не нужно выдумывать. Все правильно сделали!

Да тут не за что платить. Вам же уже правильный ответ написали. Вот я вставил через фаербаг на ваш сайт и все получилось! http://prntscr.com/250atf Видимо вы где то допустили ошибку

прошу http://htmlbook.ru/blog/treugolniki-cherez-css читаем, изучаем, пользуемся

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

потому что если стоит доктайп хтмл5, то он и так знает что type="text/css". Следовательно эта запись бессмысленная.

потому что Вы поставили высоту на author-block. Уберите высоту, она тут не нужна, либо замените на min-height и я бы советовал использовать border вместо outline

Извините если обидел тем что на ТЫ обратился, просто привык что в ИТ сфере так принято, я даже с директором на ТЫ общаюсь. Еще раз простите если Вас это задевает Ну так вот они правильное решение. Потянуть края картинки в разные стороны. Ну если уже так надо заморочиться то вот Вам способ http://codepen.io/anon/pen/LtvnH Я полоски сделал с помощью бг и бордера, но справа у картинки у Вас градиент, так что наверное нужно будет на градиент заменить.

В чем проблема? Хедер растянуть на 100%? Или хедер и так на 100%, а ты не можешь Картинку растянуть, я не совсем понял. Было бы отлично увидеть пример

На здоровье

Ребята, зачем тут использовать sup? Это же обычная Georgia. http://prntscr.com/24rlqy

почитай про background-size

<div id="header"> <div class="header-holder"> </div></div>body{ min-width: 940px;}#header{ position: fixed; top: 0; left: 0; width: 100%;}.header-holder{ width: 940px; margin: 0 auto; background: #ccc;}jQuery(window).load(function(){ initHeaderPosition();})//header position initfunction initHeaderPosition(){ var win = jQuery(window); var header = jQuery('#header'); function calcPosition(obj){ obj.stop().css({left: parseInt(obj.attr('data-top')) - win.scrollLeft()}); win.scroll(function(){ obj.stop().css({left: parseInt(obj.attr('data-top')) - win.scrollLeft()}); }) } if(header.length){ header.attr('data-top',parseInt(header.css('left'))); calcPosition(header); }}Теперь при перемещении горизонтального скролла джеес будет менять хедеру величину left и тем самым хедер будет скроллиться

Было у меня такое что хедер на фиксиде не скролился по горизонтале. Разрулил скриптом, сейчас поищу

покажи скрин того что тебе нужно. а то не совсем понятно

потому что ты к дочерним элементам применил свойство флоат. А это свойство нарушает поток элементов, поэтому #hosting схлопнулся (говоря по простому он не видит что внутри него есть элементы). Что бы этого не было нужно прописать либо overflow: hidden, либо вернуть лайаут через :after. вот так #hosting:after{ content:''; display:block; clear:both;}. Конкретно в вашем случае подойдет другой способ. Нужно родителя сделать инлайн блоком #hosting { border-radius: 5px; /* делаем скругления что бы родитель был такой же как и дочерние элементы */ box-shadow: 0 0 14px 0 #FFFFFF; /* задаем тень, как вы и хотели */ display: inline-block; /* это свойство возвращает нормальный поток если внутри есть флотнутые элементы внутри, и при этом принимает ширину внутренних блоков, а не растягивается на 100% как было бы при overflow:hidden */ vertical-align: top; /* нужно прописывать в связке с инлайн-блоком что бы не появились лишние отступы */}

Да, верно, это только джеесом. В твоем случае я не вижу неообходимости в этом.

Разница в том что id имеет больший приоритет чем класс. Если будешь использовать много айдишников (не забывай что один айдишнико может быть только один раз на странице), а потом нужно будет использовать класс, то возможны проблемы с приоритетом стилей. Поверте на слово что лучше использовать классы, так как больший набор возможностей и вообще, с опытом вы поймете. Могу сказать что айдишники нужно задавать, в первую очередь, на главные блоки страницы, которые реально уникальные. Такие как #wrapper (основная обвертка страницы), #main, #content, #sidebar, #nav, #footer. Как эти айдишники есть практически на всех сайтах. Ну и айдишники нужно использовать для форм (привязка лейбла к инпуту), ну и для джаваскриптов (хотя можно и классами обойтись, зависит от ситуации). В вашем случае можно и так оставить, ничего страшного не произойдет, но это чревато проблемами на более сложных проектах. Что касается вашего сайта, не совсем понял задачу. Что ширина не менялась - нужно ширину зафиксировать. Если нужно что бы до определенного момента тянулось, то тогда поставь max-width. Хотелось бы больше конкретики, какой результат вам нужен в итоге

в моем способе картинка прижата к низу? http://codepen.io/anon/pen/eosIA вот готовый пример и никаких джаваскриптов. работает ие8+

доктайп для хтмл5 пишется с восклицательным знаком <!DOCTYPE html> а где css лежит относительно html в котором ты работаешь? сейчас css должен быть в одной папке (на одном уровне) с html. если у тебя css лежит, к примеру, в папке "css", то будет так <link rel="stylesheet" type="text/css" href="css/style1.css"> P.S. удачного изучения

table td{text-align:center;} table td:first-child{text-align:left;}

сорри, случайно ввел

при табличных свойствах неограниченная высота и сколько хочешь строк

насколько я смог понять что ты хочешь, могу предложить вот такое решение http://codepen.io/anon/pen/eosIA с помощью табличных свойств выровнять по вертикали