<?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>KS Webdesign - Der Blog &#187; Conditional Comments</title>
	<atom:link href="http://webdesign-passau.com/wordpress/tag/conditional-comments/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesign-passau.com/wordpress</link>
	<description></description>
	<lastBuildDate>Wed, 18 Jan 2012 13:08:03 +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>Conditional Comments 1 – Korrekturen für alle IE-Versionen in einer Datei</title>
		<link>http://webdesign-passau.com/wordpress/conditional-comments-1/</link>
		<comments>http://webdesign-passau.com/wordpress/conditional-comments-1/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 14:34:29 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[XHTML/CSS]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Gestaltungsanweisungen]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=9</guid>
		<description><![CDATA[Mithilfe von Conditional Comments kann man dem Internet Explorer besondere Gestaltungsanweisungen zukommen lassen, die auch nur von ihm interpretiert werden. Zuerst erstellt man eine CSS-Datei und speichert sie unter dem Namen ie.css in dem Ordner ab, wo die anderen CSS-Dateien &#8230; <a href="http://webdesign-passau.com/wordpress/conditional-comments-1/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Mithilfe von <em>Conditional Comments</em> kann man dem Internet Explorer besondere Gestaltungsanweisungen zukommen lassen, die auch nur von ihm interpretiert werden. Zuerst erstellt man eine CSS-Datei und speichert sie unter dem Namen <em>ie.css</em> in dem Ordner ab, wo die anderen CSS-Dateien (<em>bildschirm.css, druck.css</em>) abgelegt sind.</p>
<p class="abstandunten0">In der XHTML-Datei wird unmittelbar vor dem Ende von <code>&lt;/head&gt;</code> folgendes eingefügt:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;!--[if lte IE 8]&gt;</code></li>
<li><code>&lt;link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /&gt;</code></li>
<li><code>&lt;![endif]--&gt;</code></li>
</ul>
</div>
<p><code>[if lte IE 8]</code> heißt alle IE-Versionen, die kleiner oder gleich <em>IE 8</em> sind. Da die verschiedenen Versionen des <em>IE</em> unterschiedliche Fehler haben, müssen die von dem Fehler betroffenen IE-Versionen auch innerhalb der <em>ie.css</em> gesondert angesprochen werden können.</p>
<p>Dazu gibt es folgende Möglichkeiten:<span id="more-9"></span><br />
Sollen alle IE-Versionen angesprochen werden, schreibe die Anweisungen ganz normal in die<em>ie.css</em>.<br />
Soll das nur der <em>IE 7</em> zu sehen bekommen, notiert vor der normalen Anweisung: <code>*:first-child+html</code><br />z.B. dann <code>*:first-child+html li {zoom:1;}</code><br />
Alternativ geht auch <code>*+html li {zoom/**/:1;}</code></p>
<p>Kürzer wäre nur <code>*+html</code> vor der normalen Anweisung, z.B. dann <code>*+html li {zoom:1;}</code> Das liest dann außer dem <em>IE 7</em> noch der <em>IE 5</em>, aber da dieser nicht mehr weit verbreitet ist, reicht die verkürzte Schreibweise wohl i.d.R. aus.</p>
<p>Wenn das nur der <em>IE 6</em> und <em>IE 5</em> sehen sollen, notiert ihr vor der normalen Anweisung: <code>* html</code> z.B. dann <code>* html li {zoom:1;}</code></p>
<p>Sollte das nur der <em>IE 5</em> + <em>IE 5.5</em> sehen schreibt ihr:<br />
<code>* html li {zoom  /**/:1;}</code> &#8211; Wichtig ist die Leerstelle vor /**/ !!</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/conditional-comments-1/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

