Serlutin

Валидатор теперь выдаёт лишь предупреждение. И вообще лучше на валидатор не ориентироваться, он ведь даже обычный border-radius определить не может. Префиксы это совершенно нормальное явления. Придумано он было специально, чтобы позже не было неприятных последствий со старыми браузерами. Сейчас новые CSS свойства внедряют только когда 3 браузера начинают отображать его одинаково. Вот тут и получается дилемма: свойства нет, а реализовать его надо, однако если его не реализовать, то оно не появится. Однако это, наверно, лучший вариант.

Нет, он только добавляет в IE6-8 поддержку новых элементов. То есть без этого скрипта, например на тег figure в IE нельзя повесить стили. Также можно использовать modernizr, которые помимо новых тегов, показывает что браузер может, а что нет. То есть, если у нас браузер IE6, то в теге HTML будет class=" no-border-radius", а если FF, то class="border-radius". И так для кучи свойств.

Тут ситуация немного сложнее. Если я не ошибаюсь (а ошибаюсь я часто), то в спецификации чётко не прописано, как должны себя блоки внутри блоков с border-radius. Нет, я то понимаю, что логичнее всего, что всё должно скругляться, однако реализовывать такую фичу или нет лежит на совести разработчиков браузеров. Думаете, они не знают, как у них отображается скруглённые уголки? Знают, но пока они, возможно, ещё думают, как лучше это реализовать. Теперь разработчики браузеров ведут себя более разумно, чем раньше, и смотрят, как такие неоднозначные вещи выполнены в других браузерах. Вполне возможно, что после выхода FF4 и IE9 (вышли, то они недавно)другие браузеры исправятся.

Ой, что-то всё такое мелкое. Я понимаю, что это так на макете задумано, но всё же ведь можно как-то побольше сделать. Картинки в .center-11, .center-12, .center-13 должны быть ссылками. Есть несколько лишних дивов. Например, #coper. Зачем он нужен? Ведь всё эти стили можно в .footer определить.

Ну да, Арканойд тормозит. Возможно да, canvas ещё не доработан, однако в общем то js быстрее стал. Если какие-то проблемы с новым стилем отображения, то желательно создать новый профиль. Часто бывает, что расширения что-то в профиле напортачат и при обновлении вид сбивается. Или ещё можно попробовать правой кнопкой на панельки управления и отключить Панель меню. Кстати, зря вы сравниваете с Оперой. По форме эти кнопки разные (у Фаерфокса длинная, а у Оперы, как в Office 2010), да и сами меню по-разному выполнены: двухколоночное у FF, против обыкновенного у Оперы. Разве это много? Сравнивал: у меня FF c фаербагом и 15 вкладками отъдал 370 мб + 40 мб Flash. Chrome c десятью вкладками съел 360 Mb (ту да же и флеш входит).

Ну ещё смотря какие фичи. Я вот несколько месяцев назад переключил YouTube в режим HTML5 видео. Правда иногда есть небольшой тупизм с управляющими кнопками. Однако чисто субъективно html5 проигрыватель компьютер грузит меньше, чем флеш проигрыватель.

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

Если честно, то я никогда не понимал семантичности списков. Давайте думать вообще для чего нужна семантика? Семантика нужна (начался список): 1. Для поисковых ботов 2. Для голосовых движков 3. Для чувство собственного величия От того, что разобьём страницу на нумерованный список не станет легче ни ботам, ни движкам, ни самим верстальщикам. На странице объёмная статья (article можно перевести как статья), после небольшого вступления (div class="intro") идут части (section) с пронумерованными (цифру можно и в HTML поставить) подзаголовками (h2), то есть описываться по порядку некий процесс. В каждом пункте пара абзацев (p) и иллюстрации (если нужно figure и figcaption). Получается что-то такое: <article> <h1>Cоздание атомной бомбы в домашних условиях</h1> <section> <h2>1. Продумывание</h2> <figure> <img src="#" alt="Атомная бомба в разрезе"> <figcaption> Атомная бомба в разрезе </figcaption> </figure> <p>Бла-бла бла</p> </section> <section> <h2>2. Покупка запчастей</h2> <figure> <img src="#" alt="Запчасть"> <figcaption> Вот так выглядит запчасть. </figcaption> </figure> <p>Бла-бла бла</p> </section> </article> На счёт заголовков. В section можно использовать и h1, но мне как-то это не очень по душе. Каждую главу оборачивать в section можно только ради удобства ориентирования в коде. А ещё для того, чтобы показать знание HTML5

Меня новый фаерфокс по быстродействию очень радует. Не знаю, как у других, а у меня даже с Фаербагом съедает памяти на порядок меньше, чем 3 Чтобы запустить разные версии одновременно попробуйте запускать с ключом -no-remote, и для каждой версии создать отдельный профиль.

IE6 верстается за дополнительную плату. Видимо топикстартеру не доплатили. Вообще сейчас похоже происходит довольно сложный период. С одной стороны есть CSS3, а с другой стороны IE6 и, кое-где IE7(который не поддерживает :before и :after). Для IE6 можно сверстать макет любой сложности, однако какой ценой. Иногда гораздо проще сделать дочерний селектор, чем прописывать класс в разметке. И таких примеров множество. В настоящем IE6 тоже нормально, только уголки криво выглядят, но это не страшно. Graceful degradation, так сказать.

Зайдите именно на тестовый сайт и нажимет Ctrl+U прям перед доктайпом несколько лишних букв, которым мало того, что делают доктайп бесполезным в IE, так ещё и на страничке отображаются. C шрифтами беда какая-то. Во-первых, всё мелко, а во-вторых шрифт Helios вроде как без засечек должен быть, а у меня все многие надписи отображаются с засечками. Странно, хотя вижу, что шрифт отдельно подключён. Может быть надо использовать запись HeliosRegular, вместо Helios? Точно не знаю А в целом хорошо. Эх, когда же я этот макет сделаю? У меня всё на сбросе стилей застопорилось

html { background: #000; height: 80%; } body { background: #FFFFFF; height: 80%; margin: 10% 0; padding: 0; Попробуйте так что-ли. Как работать в разных браузерах будет не знаю. Это так в Firebug поигрался.

Наверное, имелся Gecko 1.8 (Firefox 3.0), однако ведь им никто не пользуется.

Ой, да ладно. Нашли одну ошибку в FF и всё. Технология нестабильна, её использование может привести к необратимым последствиям. Ну не стоит пока тегом A оборачивать новые элементы. Можно и обойтись. В остальном же можно уже использовать. Конечно всегда есть шанс найти новый баг, но тогда можно написать статью и прославится на весь мир

Наоборот. Желательно использовать min-width. Правда значение должно быть на 20px меньше, чем разрешение экрана (место для скролла). То есть если минимальное разрешение 1024, то пишем min-width:1000px min-width не поддерживается только в IE6, однако можно использовать экспрешн. Таблицы нужно использовать для таблиц. Однако формы ведь очень на таблицы похожи, так что можно.

Да, вы совершенно правы, мне 20 лет. Однако, это не значит, что с возрастом я внезапно отупею. Я даже не понимаю суть ваших претензий. Возможно прикладные интерфейсы вы делать научились, а вот мысли выражать - нет.

Ага, тогда при копировании телефона (или просто его выделения) мы вместо одного номера, получим другой. Как вариант, opacity: 0;

Из ваших 100 сообщений, я максимум понял одно или два. Так что я не понимаю, о чём вы говорите. Я совершенно не понимаю, как семантика относится к интерфейсам. Не понимаю, для чего нужна какая-то там распорка в HTML, если её можно сделать в CSS. Правда, вот интерфейс в FF написан с помощью xml и css.

Нет, а что должен?

Есть подозрение, что это из-за меню. Рассположите его в #header и проверьте

Что вы понимаете под семантикой? Что такое распорка и зачем она нужна. Если вертикальная линия, то border-right, чем вас не устраивает?

wanntuzz, полностью согласен с тобой. Первое сообщение в теме читают только идиоты. Мы, умные люди, обычно можем писать сразу, прочитав только тему, да и то не всегда.

Ну не хотите соревноваться, тогда ладно. 1. Обязательно задайте высоту #header 2. Логотип нужно позиционировать с помощью position: absolute, а не relative (создаёт прокрутку) 3. Меню вставляем в #header, выравниваем с помощью float: right и margin-right 4. Стрелочка у надписи "learn more" должна быть с помощью CSS.

Ну так верстайте на HTML 3.2. Все браузеры его поддерживают в полной мере, и отказываться от поддержки не собираются. Только смысл? HTML задумывался как логическая разметка. CSS же в полной степени эту задумку реализуется. Особо яркий пример csszengarden.com

Хе, знакомый шаблон. Я тоже его решил поверстать. Дело было так. Я его скачал, потом открываю в фотошопе, смотрю на него и закрываю. Так продолжалось где-то неделю. Потом, я наконец, нарезал картинки скопировал весь текст в HTML, предварительно набросал вёрстку и забил. Теперь есть повод взяться основательно. Посоревнуемся, кто круче сделает? По теме. Лень въезжать, но скорее всего это из-за свойства vspace у логотипа.