klierik

а что оценивать то?

выложи все на http://jsfiddle.net/

:D :D :D вы ошиблись: #layoutblock { margin-left: -480px; position: relative; left: 50%; } Ко мне на ты. Так будет корректнее.

Если отталкиватся от того что размеры блоком должны быть именно таковыми как на картинке - делай таблицой а забей на то кто что говорит. Таблицы это прошлый век, но у них есть некоторые возможности которые ну очень нужны. В данной конкретной задаче проще, эфективнее и быстрее реализовать таблицой.

эти стили только под ИЕ7 естественно? у нем проверил выравнивание по-центру страницы - все ок. Или может я не правильно понял проблему.

http://screencast.com/t/OIoakdAWeMnL Опера 10. Все работает. Проблема у тебя локально.

Просмотр вложений разрешен только со страниц нашего форума. Для просмотра вложения, перейдите по ссылке ниже. выложи на какой-то обменник картинок

где вложение?

IE7 - это недобраузер. но я бы решил так: #layoutblock { margin-left: -480px; position: relative; left: -50%; }

я проверял в ИЕ9 - все работает. Открой дев.тулз в ИЕ и посмотри какие реальные размеры у блоков. Я тестил в интерактивной Win7 IE9

ещё один недоклон появился. эх... У тебя ширина враппера 960пк. Ширина центральной колонки (В ИЕ) равна 750пк. Так что как бы ты не старался, но ширина сайдбара должна быть 210пк.

И с чего вы взяли, что я - чувак? Вообще-то тебе корректно ответили, при чем правильно. Человек потратил своё лично время что бы вникнуть в твой вопрос и дать тебе ответ (тебе, кстати, никто ничего не обязан отвечать вообще). Уж будь любезен, воспринимай ответы какие они есть и с пониманием.

а попросить у дизайнера шрифты религия не позволяет?

я вот никогла не мог понять зачем делать очередной аналог htmlbook? есть сообщество, книги, документация, в общем тупо все что надо и лежит в одном месте уже годами и все это знают (кому надо). ТС, не пиши клоны, пиши что-то своё уникально что надо будет людям. А пока что твой велосипед даром никому не надо.

Все зависит от лицензии шрифта. Если шрифт тыренный, а его надо использовать в заголовках, то лучше Cufon. Если лицензия шрифта позволяет его использовать в вебе то http://www.fontsquirrel.com/tools/webfont-generator тебе в радость. Я бы отталкивался от такого. Но в случае если шрифт тыренный, но надо использовать на сайте в тексте, тогда прийдется юзать @font-face генераторы.

<ul class="menuHeader"> Не использовать заглавные буквы. Правильно: "menu-header" <ul class="menuHeader"> <li><a href="#"><img src="images/home.gif" alt="На главную страницу" title="Главная страница"></a></li> <li><a href="#"><img src="images/contact.gif" alt="Контакты" title="Контакты"></a></li> <li><a href="#"><img src="images/mapSite.gif" alt="Карта сайта" title="Карта сайта"></a></li> </ul> Картинки тут удобнее в спрайт объеденить. <form id="searchNav" action="/"> <fieldset> <label>Поиск по сайту</label> <p><input type="search" name="find"></p> <button type="submit" value=""><img src="images/search.gif" alt="" /></button> </fieldset> </form> Не использовать ID для описания стилей блока. Для этого существуют классы. Я могу аргументиовать почему это так, но мне. честно говоря, влом, так как я это делал много раз. Просто запомни - все в разметке должно стилизированно через классы. nav ul { position: absolute; display: table-row; } У тебя есть ".menu", зачем отталкиватся от селектора? [font=monospace][size=1]<div class="clear">[/size][/font][font=monospace][size=1]</div>[/size][/font] Этот подход изжил себя в начале тысячелетия. Пример более подходящего решения в LESS: // 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; } } <p class="next"><a href="#">далее...</a></p> Использование "<p>" в данном случае избыточно и не логично. Правильнее скорее использовать "<div class="next">". Почему? Да потому что текст "далее..." ну никак не ассоциируется у меня с абзацом. <section class="lastArticles"> <p><a href="#">Интересующихся процессом создания интернет-ресурсов. В каком-то смысле...</a></p> <p class="next"><a href="#">далее...</a></p> </section> <section class="lastArticles"> <p><a href="#">Cайт является следующим этапом развития htmlbook.ru поэтому его можно...</a></p> <p class="next"><a href="#">далее...</a></p> </section> <section class="lastArticles"> <p><a href="#">При этом webreference.ru ориентирован на более широкую аудиторию и не зацикливается...</a></p> <p class="next"><a href="#">далее...</a></p> </section> Весь этот код должен быть списком ибо это и есть список последних статей. <section class="reclama"> Для имен классов лучше англоязычные термини вместо гребанного транслита. Вот тебе пример со списком терминов: http://translate.goo.../#ru/en/реклама Более того, имя должно быть краткое, но не сокращенное. Должно описывать логическую или функциональную особенность блока/элемента. Должно быть понимаемое и давать представление о том что этот блок описывает и содержит. Оценку ставить не буду, ибо тут и так все понятно.

Отличное решения как для начала текущего тысячилетия. В наши дни я бы сделал на базе одного дива и :before :after Или же, что мне больше по душе, в рамках graceful degradation, при помощи градиентов и border-radius

как вариант так: http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text

при помощи ЦСС отловить событие скролла нельзя. тут только ЖСом.

http://csstemplater.com/

и дивы и таблицы. все зависит от того какая задача.

а что в коде непонятно как ее решить-то? с делал смещение для текста "ОПЦИИ ПО УМОЛЧАНИЮ" в левую сторону и это никоим образом не повлияло на остальные.

http://jsfiddle.net/klierik/5yZfj/1/

http://jsfiddle.net/klierik/Zrv4u/

добавь разметку и стили что бы иметь рабочий пример. или случаем это не этот же плагин: http://workshop.rs/projects/coin-slider/ ??