<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Алексей Ильин &#187; HTML</title>
	<atom:link href="http://www.alexilin.ru/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.alexilin.ru</link>
	<description>Заметки по CSS, HTML</description>
	<lastBuildDate>Tue, 07 Feb 2012 12:43:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>CSS для разных IE в общей таблице стилей</title>
		<link>http://www.alexilin.ru/css-for-every-version-of-ie-from-a-single-stylesheet/</link>
		<comments>http://www.alexilin.ru/css-for-every-version-of-ie-from-a-single-stylesheet/#comments</comments>
		<pubDate>Wed, 26 May 2010 10:09:27 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Условные комментарии]]></category>

		<guid isPermaLink="false">http://www.alexilin.ru/?p=1758</guid>
		<description><![CDATA[Если вы используете условные комментарии для IE и вам не хотелось бы подключать несколько файлов, есть простой способ, позволяющий использовать одну таблицу стилей, в т.ч. для разных версий IE. Вместо того, чтобы подключать дополнительные таблицы стилей, необходимо с помощью условных комментариев обернуть все содержимое body в блок с соответствующим id для каждой версии. 1 2 [...]]]></description>
			<content:encoded><![CDATA[<p>Если вы используете условные комментарии для IE и вам не хотелось бы подключать несколько файлов, есть простой способ, позволяющий использовать одну таблицу стилей, в т.ч. для разных версий IE.</p>
<p>Вместо того, чтобы подключать дополнительные таблицы стилей, необходимо с помощью условных комментариев обернуть все содержимое <code>body</code> в блок с соответствующим <code>id</code> для каждой версии.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">&lt;!--[if IE 6]&gt;</span>
<span style="color: #808080; font-style: italic;">&lt;div id=&quot;ie6&quot;&gt;</span>
<span style="color: #808080; font-style: italic;">&lt;![endif]--&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;wrap&quot;</span>&gt;</span>
        <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;header&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
        <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;content&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
        <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;footer&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #808080; font-style: italic;">&lt;!--[if IE 6]&gt;</span>
<span style="color: #808080; font-style: italic;">&lt;/div&gt;</span>
<span style="color: #808080; font-style: italic;">&lt;![endif]--&gt;</span></pre></td></tr></table></div>

<p>Теперь, чтобы например переопределить какое-либо свойство для IE6, нужно добавить в селектор <code>#ie6</code>.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#wrap</span> <span style="color: #00AA00;">&#123;</span> … <span style="color: #00AA00;">&#125;</span> <span style="color: #808080; font-style: italic;">/* Общее правило */</span> 
<span style="color: #cc00cc;">#ie6</span> <span style="color: #cc00cc;">#wrap</span> <span style="color: #00AA00;">&#123;</span> … <span style="color: #00AA00;">&#125;</span> <span style="color: #808080; font-style: italic;">/* Правило для IE6 */</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.alexilin.ru/css-for-every-version-of-ie-from-a-single-stylesheet/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
	</channel>
</rss>

