klierik

1. контент хранится в td.layout__cell_center 2. непонятен вопрос. выше представленный мною код это краткая запись (ZenCoding). полная: <table class="layout"> <tr class="layout__row_top"> <td class="layout__cell_left"></td> <td class="layout__cell_center"></td> <td class="layout__cell_right"></td> </tr> <tr class="layout__row_middle"> <td class="layout__cell_left"></td> <td class="layout__cell_center"></td> <td class="layout__cell_right"></td> </tr> <tr class="layout__row_bottom"> <td class="layout__cell_left"></td> <td class="layout__cell_center"></td> <td class="layout__cell_right"></td> </tr> </table> Как видно из кода каждый элемент сетки имеет своё имя. Все можно описать отдельно для каждого элемента сетки. Размеры, картинки, repeat -- все возможно.

в целом - оба. но! в 99% случаем можно писать без <div class="clear"></div> less пример из Bootstrap: // Clearfix // -------- // For clearing floats like a boss h5bp.com/q .clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; // Fixes Opera/contenteditable bug: // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 line-height: 0; } &:after { clear: both; } } так же бывают ситуации когда тег действительно может в себе нести офрмление, описанное через CSS да и только, но ето редкость. если изначально HTML код написан красиво, оформлен подобающе, все классы написанны человеко понятным языком, отсутствуют комментарии (да-да, при грамотно описанном HTMLкоде в паре с грамотными именами классов они вообще не требуются) то в таком случае ну очень мало вероятно что даже такие незначительные элементы разметки как .clearfix тебе будут мешать

Подниму ка я старую темку и, возможно, что-то освежу Я работаю Front-end разработчиком под Mac OS X. Поделюсь своей средой для разработки Эталонный браузер Chrome Основной и самый полезный аддон PerfectPixel by WellDoneCode [*]IDE для написания HTML кода JetBrains PhpStorm Тем кто работает тесно с Magento CMS прийдется по вкусу плагин Magicento [*]IDE для написания CSS Sublime Text 2 Рекомендую к прочтению шикарную статью Готовим Sublime Text 2 для front-end [*]Исходники макетов могут быть в чём угодно Adobe Photoshop Adobe Illustrator Adobe Fireworks [*]Оптимизация изображений будет более эфективна при помощи ImageOptim [*]Для конвертации кастомных шрифтов подойдет FontXChange [*]Создание шрифта с иконками станет возможно с помощью IcoMoon [*]Контроль версий при помощи Git Хранение репозитариев на GitHub или Bitbucket Кому интересно узнать побольше о Git погут прочесть статьи на хабре [*]Скрин-граббер Jing [*]Кроссбраузерный/Кроссплатформенный тестинг при помощи BrowserStack или Sauce Labs В общем как для основы этого должно хватить. У меня так же стоят все браузеры но ими пользуюсь редко. Новичкам хочу сказать, что вместо сервисов, которые указаны в последнем пункте списка, лучше использовать Виртуальную машину (VMware Fusion, VM VirtualBox). У меня такие машины, естественно, стоят но тестирую код в IE я крайне редко, ибо с вероятностью в 95%+ что код будет работать. Я себе позволяю проверять, в случаях надобности, в вышеуказанных сервисах, но новичкам настоятельно рекомендую проверять каждую страницу в реальных условиях (в виртуальной машине). Еще я каждый день пользуюсь Терминалом для выполнения множества задачь в разработке, например: Авто сборка Less файлов проекта Создание Sass спрайтов Получить Base64 картинки Управление Git репозитариями Главный подход для меня - мне должно быть комфортно разрабатывать. Должно быть удобное рабочее место. Под рукой всегда должно присутсвовать ПО, даже если оно требуется раз в месяц. У меня 2 монитора, но уже маловато -- хочу 3й Ах да, самое важное -- работа должна быть хобби а хобби работой, тогда у тебя всё получится Дерзай.

ссылку на этот один сайт, пожалуйста

в таком случае тебе нужен подход: CSS: html, body { height: 100%; } .layout { width: 100%; height: 100%; } HTML: table.layout>(tr.layout__row_top>td.layout__cell_left+td.layout__cell_center+td.layout__cell_right)+(tr.layout__row_middle>td.layout__cell_left+td.layout__cell_center+td.layout__cell_right)+(tr.layout__row_bottom>td.layout__cell_left+td.layout__cell_center+td.layout__cell_right) теперь у тебя есть сетка 9х9 на основе которой можешь создавать любую тень.

http://jonraasch.com/blog/a-simple-jquery-slideshow

поверх текстуры пололжить градиент

что должно быть в итоге? скрин!

а размер шрифта в чем указан? rem, em, px, .. etc? Посомтрите как сделано тут: view-source:http://twitter.github.io/bootstrap/scaffolding.html#responsive

http://stackoverflow...when-they-conta баг древний как мир [update] хотя может я что-то путаю, но у меня в ИЕ7 так же как в Chrome

.nav { background: rgb(204,255,204); width: 1000px; margin: 0 auto; height: auto; min-height: 31px; position: relative; z-index: 1; } данное решение. скорее, для примера. Оно не совсем идеально, но как точка отсчета будет всамый раз

а как часто встречается ситуация, когда футер имеет динамичную высоту? если такое случается то это как раз и есть тот 1% исключений.

ТС видать решил вопрос, но потмкам я оставлю ссылку: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ Я этим подходом пользуюсь много лет и в 99% случаев он подходит на Ура! даже в такм вариант как он есть )

а что именно заначит "не работает"? аттрибут ссылки href ничего не сождержит, и конечно же, ничего происходить не будет.

потому что ты в блочный элемент положил объявленную ячейку. твоя структура: div.layer > div.left-text ... равносильна для понимания браузером как код: div.layer > td.left-text + td.sidebar + div.globfoo + div.footer

в данной конкретной ситуации это не возможно. надо знать класс родителя

А что вынести этот хак в отдельный CSS-файл религия не позволяет?

Отредактировал пре. пост ибо парсер иногда издевается и вставляет кучу тех инфы со страницы view-source:url Разделитель, кстати, можно сделать и через :after

<nav id="navig" > учись обходится без ID в разметке для стилей (только для JS) <table class="all_sidebar"> а тут разве без Таблицы никак? <a href="#" class="all_news">Все события и новости</a> Я очень сомневаюсь что этот контент является типом данных - "Абзац" <li><a href="#">ГЛАВНАЯ СТРАНИЦА</a></li> <li class="min">|</li> Текст заглавными буквами можно реализовать через CSS Разделитель не является элементом списка - это всего лиш разделитель! <article> <p class="pic"><img src="images/20130508_16_13_42514.png" alt="pic"> <div class="text"> <time datetime="2013-05-09">09.05.2013</time> <p><a href="#">Сегодня наш клуб поздравил ветеранов Великой Отечественной Войны с важнейшим праздником для нашей страны и всего мира, Днём Победы над фашистской Германией 1941-1945 гг.</a></p> </div> </article> Картинка это не абзац. Теги надо закрывать. Незачет.

не совсем корректный подход. правильнее сказать - чем я могу заинтересовать людей?

высота в % значении возвожна лиш в том случае, если родитель имеет фиксированную высоту, заданную в px (pt, em, rem, прочее). я рекомендую вникнуть в то, как подобная технология реализована в http://twitter.github.io/bootstrap/scaffolding.html#responsive

https://www.google.com.ua/search?q=git+habrahabr&aq=0&oq=git+ha&aqs=chrome.1.57j0l3j60j62.5209j0&sourceid=chrome&ie=UTF-8

http://htmlbook.ru/css/background-size

выложи на jsfiddle.net

Отличная статья! Как для начинающего разработчика, работающего в среде Windows, будет самое оно. Хотя я дочитав до прокрутил ниже и первый же коментарий уже рассказал то что у меня на уме