shvv

Исправил мелкие ошибки. Теперь валидно. http://shvv.fbdhost.com/cookonline/

Что именно?

Конструкция такого рода

<![if "условие"]> HTML <![endif]>

Если же добавить дефисы комментариев, то ее ни увидят нормальные браузеры.

Да вроде смотрится... Правда есть ошибки.

<h1>Welcome
to our company</h1>

они у вас не по доктайпу идут. Нужно так - <br />

Ну и еще есть подобные ошибки. Так-то всё норм. Ровно.

Видно уже так надоело, что под конец забыл проверить валидатором.

А вот это значит: Что никто не видит кроме ИЕ7? <!--[if IE]><![if !(lte IE 7)]><![endif]-->

Не видит IE меньше, либо равно 7 версии. Начало и конец этой конструкции

 <![if !(lte IE 7)]> <тег></тег> <![endif]-->

заключаются в отдельные условные комментарии, чтобы сделать код валидным.

Вообще вся эта история началась из-за картинки в углу. Она должна идти выше фона, но ниже текста. Но текст является потомком #wrapper #content #navigation #search #p, а картинка просто #wrapper #div. В нормальных браузерах z-index работает по всему документу, если родителю не задан z-index. В IE7 и ниже любой позиционированный элемент создает стековый контекст, поэтому, чтобы картинка была выше текста див с ней должен обязательно находиться на одном уровне с p. Но это привело к другим проблемам: теперь див не могу позиционироваться относительно нижнего левого угла. Поэтому и решил, чтобы это было только для 6 и 7 IE.

Подробнее о баге http://www.quirksmode.org/bugreports/archi..._index_bug.html

А почему бы просто не сделать [lt IE 8]?

Это не валидно.

Было сказано про PNG Optimizer. Вот он: http://psydk.org/PngOptimizer.php

А сейчас дана ссылка на совсем другую программу.

Спасибо. По этой ссылке все работает.

А то просто какие-то файлы похожей проги, которые, наверное, нужно компилировать.

Её не надо устанавливать. Запускай и делай что она говорит.

На мгновение появляется окошко в стиле dos и исчезает. После этого ничего не происходит.

Качал отсюда http://sourceforge.net/projects/optipng/files/OptiPNG/. Выбрал файл exe.zip.

Все через фотошоп, а пнг потом через png optimizer пропускаю.

Как-то уже скачал эту программу, только не понятно как ее установить. Один файл есть .exe, но только он ничего не делает.

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

Например, в текущей спеке CSS3 добавили мультибекграундинг.

Теперь самый важный вопрос, как изменить местоположение ТОЛЬКО третьего бэкграунда, не трогая два предыдущих?

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

Например, то что % не могут высчитываться от высоты и т.д.

особенно ключевое слово "осторожно" переместили меня в плоскость глобализации )))

Я просто имел ввиду, что w3 боится объявлять спецификации рекомендациями и тянет резину по нескольку лет.

Но диалог получился интересный )

Приятный макет. Уже скачал.

Слои уже выделены для облегчения верстки?

А страница должна быть резиновая или фиксированная?

Да, пока еще ни одна их разработка не была в виде стандарта, все только рекомендации. Полагаю, у них просто нету юрид. статуса.

Они на самом деле итоговый вариант тоже называют рекомендацией. Просто до этого еще есть 5 этапов: Рабочий вариант, Last Call (не знаю как перевести), Кандидат в рекомендации и Предлагаемая рекомендация.

Так вот CSS 2.1 только сейчас Кандидат.

основная (доработанная и утверждённая) ихняя часть уже не поменяется никогда и всегда будет таковой.

Да я с этим согласен. Поэтому во флейм и засунул тему.

Просто интересно, что уже разрабатывается CSS 3, а CSS 2 толком еще не доделана.

Недавно бродил по сайту w3 и пришел к выводу, что CSS 2.1 имеет статус только Candidate Recommendation и то получила его по-моему сегодня. Т.е. до рекомендации еще два шага - http://www.w3.org/Style/CSS/current-work#legend. Вот интересно, как то консорциум слишком осторожно все делает.

В тренировочных целях сверстал бесплатный шаблон psd. Буду благодарен за какие-либо советы в отношении верстки.

Адрес: http://shvv.fbdhost.com/cookonline/.

IE6 и IE7 попили немало кровушки, но кажется получилось . Или можно было лучше?

В CSS для IE6 я устанавливаю фильтр от Майкрософта. Только на первом хостинге, все нормально отображается в IE6, а на втором - вообще картинки нет.

Проблема решилась странным образом, вместо того чтобы в файле главных стилей прятать от IE6 только свойство background при помощи

html>body

спрятал весь блок #pen, в котором размещается изображение. Теперь работает Раира2.

Есть менюшка из нескольких ссылок.

Вот код:

<div class="header_menu"><div>
			<a href="index.html" class="logo"><span>ИНВЕСТ</span> ПРОЕКТ</a><br />
			<a href="">архитектурные проекты</a><br />
			<a href="">проекты интерьеров</a><br />
			<a href="">подробности и цены</a>
		</div></div>

По-моему, если хотим выравнивать по краям блока, обозначенного как class="header_menu", то и text-align нужно прописывать для этого блока.

Ие6 вообще не корректно отображает png. Или у Вас стоят фиксы на пнг?

В CSS для IE6 я устанавливаю фильтр от Майкрософта. Только на первом хостинге, все нормально отображается в IE6, а на втором - вообще картинки нет.

Все-таки переделал!

Самая лучшая на сайте и правду у psywalker. Многие решения позаимствовал. Но постарался улучшить.

Как теперь?

Во время тестирования появилась еще одна проблема: почему-то IE6 не отображает PNG с другого хостинга: ruhosting

Никто не знает, в чем проблема? Может какие-то ограничения бесплатного хостинга?

почитайте и сделайте самый лучший, мой совет

Постараюсь.

Начну с предложенного.

Вот тебе пример, посмотри, сравни, найди свои ошибки: http://www.psywalker.ru/SAITS/Raira/main-page.html

Сделал сайт с фиксированной версткой из макета в теме http://forum.htmlbook.ru/index.php?showtopic=13276. Прошу оценить качество верстки. Адрес страницы такой.. Всем заранее спасибо.