<?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>Webseiten-Infos.de &#187; Conditional Comments</title>
	<atom:link href="http://www.webseiten-infos.de/tag/conditional-comments/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webseiten-infos.de</link>
	<description>Infos, Tipps, Tricks &#38; Links für Deine Webpräsenz</description>
	<lastBuildDate>Mon, 06 Feb 2012 12:46:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>daily</sy:updatePeriod>
	<sy:updateFrequency>4</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
	<atom:link rel='hub' href='http://www.webseiten-infos.de/?pushpress=hub'/>
<cloud domain='www.webseiten-infos.de' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Internet Explorer CSS vorenthalten</title>
		<link>http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/</link>
		<comments>http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 22:58:05 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 5]]></category>
		<category><![CDATA[Internet Explorer 5.5]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[Unit PNG Fix]]></category>
		<category><![CDATA[Webseiten]]></category>
		<category><![CDATA[YAML]]></category>
		<category><![CDATA[YAML Green]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=530</guid>
		<description><![CDATA[Schon immer nervte mich der Internet Explorer (IE) beim Erstellen und Gestalten von Webseiten. Das obwohl ich hier auf Webseiten-Infos.de das WordPress-Theme YAML Green (Update) einsetze. Dank YAML werden zwar die erforderlichen Fehlerkorrekturen (Bugfixes) für diesen &#8220;Drecksbrowser&#8221; gleich mitgeliefert, aber der Internet Explorer (IE) 5.5 und älter macht mir gleichwohl immer wieder das Leben schwer. [...]]]></description>
			<content:encoded><![CDATA[<p>Schon immer nervte mich der Internet Explorer (IE) beim Erstellen und Gestalten von Webseiten. Das obwohl ich hier auf Webseiten-Infos.de das <span lang="en" xml:lang="en">WordPress-Theme</span> <a href="http://dynamicinternet.eu/wordpress/wordpress-themes/yaml-green-theme/" title="Webseite zum WordPress-Theme YAML Green von Michael Preuß" lang="en" xml:lang="en" class="liexternal">YAML Green</a> (<a href="http://dynamicinternet.eu/blog/2008-10-12/yaml-green-theme-update/" title="Webseite zum Update des WordPress-Themes YAML Green von Michael Preuß" lang="en" xml:lang="en" class="liexternal">Update</a>) einsetze. Dank <a href="http://www.yaml.de" title="Startseite von YAML" class="liexternal">YAML</a> werden zwar die erforderlichen Fehlerkorrekturen (<span lang="en" xml:lang="en">Bugfixes</span>) für diesen &#8220;Drecksbrowser&#8221; gleich mitgeliefert, aber der Internet Explorer (IE) 5.5 und älter macht mir gleichwohl immer wieder das Leben schwer.</p>
<p>Ursächlich dafür sind meine Veränderungen (Modifizierungen) am <span lang="en" xml:lang="en">WordPress-Theme</span>. So funktioniert beispielsweise der PNG-Fix für die transparente Darstellung des Logos im Grafikformat <a href="http://de.wikipedia.org/wiki/Portable_Network_Graphics" title="Wikipedia-Artikel zum PNG-Grafikformat" class="liwikipedia">PNG</a> nicht (siehe hierzu meinen Blogbeitrag &#8220;<a href="http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/" title="Blogbeitrag mit dem Titel &quot;PNG-Logo auch für den IE 6&quot;">PNG-Logo auch für den <abbr title="Internet Explorer">IE</abbr> 6</a>&#8220;). Zudem ist für mich  die unschöne Darstellung und Gestaltbarkeit von Formularen und Schaltflächen ein Ärgernis.</p>
<p>Damit ist aber nun endlich Schluss! Ich habe mich dazu entschlossen, dem völlig veralteten Internet Explorer 5 bis 5.5 die Gestaltung der Webseiten von Webseiten-Infos.de künftig einfach vorzuenthalten. Realisiert habe ich das mit <a href="http://de.wikipedia.org/wiki/Conditional_Comments" title="Wikipedia-Artikel zu Conditional Comments" lang="en" xml:lang="en" class="liwikipedia">Conditional Comments</a> (siehe hierzu auch den Artikel &#8220;<a href="http://hyperkontext.at/weblog/artikel/conditional_comments_fuer_internet_explorer_im_beispiel/" title="Aritkel mit dem Titel &quot;Conditional-Comments für Internet Explorer im Beispiel&quot; bei hyperkontext.at" class="liexternal"><span lang="en" xml:lang="en">Conditional-Comments</span> für Internet Explorer im Beispiel</a>&#8221; bei hyperkontext.at).</p>
<p>Da ich <a href="http://de.wikipedia.org/wiki/Cascading_Style_Sheets" title="Wikipedia-Artikel zu Cascading Stylesheets (CSS)" lang="en" xml:lang="en" class="liwikipedia">Cascading Style Sheets</a> (CSS) möglichst nur in externen Dateien (.css) einsetze, brauchte ich dazu lediglich die <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Dateien im Kopfbereich (<span lang="en" xml:lang="en">Header</span>) mit folgendem <span lang="en" xml:lang="en">Conditional Comment</span> (CC) &#8220;einzurahmen&#8221;:</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">&lt;!--[if (gte IE 6)]&gt;&lt;!--&gt;</span></div></td></tr></tbody></table></div>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">&lt;!--&lt;![endif]--&gt;</span></div></td></tr></tbody></table></div>
<p>Getestet habe ich die Darstellung im Internet Explorer (IE) 5.5 übrigens mit dem IETester (siehe hierzu meinen Blogbeitrag &#8220;<a href="http://www.webseiten-infos.de/webdesign-mit-verschiedenen-ie-versionen-testen/" title="Blogbeitrag mit dem Titel &quot;Webdesign mit verschiedenen IE-Versionen testen&quot;">Webdesign mit verschiedenen <abbr title="Internet Explorer">IE</abbr>-Versionen testen</a>&#8221; und den Blogbeitrag &#8220;<a href="http://internetblogger.de/2010/01/ie-tester-und-ie-konformitaeti/" title="Blogbeitrag mit dem Titel &quot;IE-Tester und IE-Konformit&Atilde;&curren;t&quot; bei internetblogger,de" class="liexternal"><abbr title="Internet Explorer">IE</abbr>-Tester und <abbr title="Internet Explorer">IE</abbr>-Konformität</a>&#8221; bei internetblogger.de).</p>
<p>Lohnt sich der ganze Aufwand überhaupt?</p>
<p>Gute Frage!</p>
<p>Hier auf Webseiten-Infos.de finde ich ja.</p>
<p>Zum einem nutzen zwar erfreulicherweise inzwischen fast doppelt soviele Besucher dieser <span lang="en" xml:lang="en">Website</span> den <span lang="en" xml:lang="en">Firefox</span> statt den Internet Explorer (Januar 2010: 55% gegenüber 28%). Aber immer noch 5% der Besucher mit dem Internet Explorer (IE) kommen mit den Versionen 5 bis 5.5 auf Webseiten-Infos.de (Februar 2009 waren es sogar noch 13%).</p>
<p>Zum anderen war dieser <span lang="en" xml:lang="en">Conditional Comment</span> (CC) auf Webseiten-Infos.de ganz schnell eingebaut, kostete also kaum Zeit.</p>
<p>Sollte ich irgendwann auch den Internet Explorer (IE) 6 oder 7 von den <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Dateien ausschließen (wollen), dann brauche ich im <span lang="en" xml:lang="en">Conditional Comment</span> (CC) lediglich die Versionsnummer auszutauschen und kann dann die <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Patchdatei vereinfachen (<abbr title="Internet Explorer">IE</abbr> 6) oder ganz entfernen (<abbr title="Internet Explorer">IE</abbr> 6 und 7).</p>
<hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/sicherheitslucke-war-lange-bekannt/" rel="bookmark" title="Permanent Link: Sicherheitslücke war lange bekannt">Sicherheitslücke war lange bekannt</a></li><li><a href="http://www.webseiten-infos.de/internet-explorer-8-ist-veroeffentlicht/" rel="bookmark" title="Permanent Link: Der Internet Explorer 8 ist veröffentlicht">Der Internet Explorer 8 ist veröffentlicht</a></li><li><a href="http://www.webseiten-infos.de/bsi-warnt-vor-internet-explorer/" rel="bookmark" title="Permanent Link: BSI warnt vor Internet Explorer">BSI warnt vor Internet Explorer</a></li><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" rel="bookmark" title="Permanent Link: IE 8 in Conditional Comment einbezogen">IE 8 in Conditional Comment einbezogen</a></li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" rel="bookmark" title="Permanent Link: Internet Explorer sucks!">Internet Explorer sucks!</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.231) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/">Permalink</a> |
<a href="http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/#comments">Kein Kommentar</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/&&bm_description=Internet Explorer CSS vorenthalten&&bm_tags=Conditional Comments, CSS, Firefox, Internet Explorer, Internet Explorer 5, Internet Explorer 5.5, PNG, Unit PNG Fix, Webseiten, YAML, YAML Green&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/&title=Internet Explorer CSS vorenthalten">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/&exttitle=Internet Explorer CSS vorenthalten">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/&title=Internet Explorer CSS vorenthalten>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/conditional-comments/" rel="tag">Conditional Comments</a>, <a href="http://www.webseiten-infos.de/tag/css/" rel="tag">CSS</a>, <a href="http://www.webseiten-infos.de/tag/firefox/" rel="tag">Firefox</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer/" rel="tag">Internet Explorer</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-5/" rel="tag">Internet Explorer 5</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-5-5/" rel="tag">Internet Explorer 5.5</a>, <a href="http://www.webseiten-infos.de/tag/png/" rel="tag">PNG</a>, <a href="http://www.webseiten-infos.de/tag/unit-png-fix/" rel="tag">Unit PNG Fix</a>, <a href="http://www.webseiten-infos.de/tag/webseiten/" rel="tag">Webseiten</a>, <a href="http://www.webseiten-infos.de/tag/yaml/" rel="tag">YAML</a>, <a href="http://www.webseiten-infos.de/tag/yaml-green/" rel="tag">YAML Green</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE 8 in Conditional Comment einbezogen</title>
		<link>http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/</link>
		<comments>http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 01:09:34 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Hack]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 8]]></category>
		<category><![CDATA[Stern-Selektor]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YAML Green]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=488</guid>
		<description><![CDATA[Auch der Internet Explorer 8 (IE8) lässt sich mittels Conditional Comment (CC) gesondert mit CSS ansprechen. Bislang hatte ich ihn nicht in die CSS-Datei einbezogen gehabt, die mittels Conditional Comment (CC) nur für den Internet Explorer 5 bis 7 galt. Dadurch, dass ich nun auch den Internet Explorer 8 (IE8) einbeziehe, ergeben sich für diesen [...]]]></description>
			<content:encoded><![CDATA[<p>Auch der Internet Explorer 8 (IE8) lässt sich mittels <a href="http://de.wikipedia.org/wiki/Conditional_Comments" title="Wikipedia-Artikel zu Conditional Comments" lang="en" xml:lang="en" class="liwikipedia">Conditional Comment</a> (CC) gesondert mit <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr> ansprechen.</p>
<p>Bislang hatte ich ihn nicht in die <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Datei einbezogen gehabt, die mittels Conditional Comment (CC) nur für den Internet Explorer 5 bis 7 galt.</p>
<p>Dadurch, dass ich nun auch den Internet Explorer 8 (IE8) einbeziehe, ergeben sich für diesen <span lang="en" xml:lang="en">Browser</span> folgende Neuerungen:</p>
<ul>
<li>Der eingefärbte senkrechte Scrollbalken ist nun auch im Internet Explorer 8 (IE8) zu sehen.</li>
<li>Der Rahmen um die Checkboxen ist nun beim Internet Explorer 8 (IE8) verschwunden (siehe hierzu meinen Blogbeitrag &#8220;<a href="http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/" title="Blogbeitrag mit dem Titel &quot;Checkbox-Problem mit IE und Opera&quot;">Checkbox-Problem mit IE und Opera</a>&#8220;).</li>
</ul>
<p>Für das Einbeziehen des Internet Explorers 8 (IE8) musste ich in der functions.php des <span lang="en" xml:lang="en">WordPress-Themes</span> <a href="http://dynamicinternet.eu/wordpress/wordpress-themes/yaml-green-theme/" title="Webseite zum WordPress-Theme YAML Green von Michael Preuß" lang="en" xml:lang="en" class="liexternal">YAML Green</a> (<a href="http://dynamicinternet.eu/blog/2008-10-12/yaml-green-theme-update/" title="Webseite zum WordPress-Theme YAML Green Version 1.2 von Michael Preuß" lang="en" xml:lang="en" class="liexternal">Update</a>) folgende Änderung vornehmen:<br />
Ich ersetzte</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">&lt;!--[if lte IE 7]--&gt;</span></div></td></tr></tbody></table></div>
<p>durch</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">&lt;!--[if lte IE 8]--&gt;</span></div></td></tr></tbody></table></div>
<p>Erfreulicherweise beschränkt sich die Wirkung des * html-Hacks (Stern-Selektors) auf die Versionen des Internet Explorers kleiner 7. Auch der Internet Explorer 8 (IE8) wird &#8211; wie der IE7 &#8211; von diesem Hack nicht angesprochen.</p>
<p>Damit sollten nun auch im Internet Explorer 8 (IE8) die Darstellung der Checkboxen und vertikalen Scrollbalken besser aussehen.</p>
<hr /><h2>Kommentare</h2><ul><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" >18. November 2009</a>, <a href="http://webdesign-passau.com/wordpress/" rel='external' class='url'>Klaus</a> schreibt: Hi Dieter,

da habe ich <a href="http://webdesign-passau.com/wordpress/conditional-comments-1/" rel="nofollow" class="liexternal">einen Artikel</a>, der dich vielleicht interessieren könnte. ;)</li><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" >18. November 2009</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: Moin Klaus,

herzlichen Dank für den Link zu Deinem informativen Artikel. Der ist definitiv interessant und hilfreich.

Beste Grüße
Dieter</li><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" >24. November 2009</a>, Dejo schreibt: Guten Morgen,

danke für den interessanten Artikel!

Gruß Dejo</li><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" >24. November 2009</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: Bitte schön!</li></ul><hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/internet-explorer-css-vorenthalten/" rel="bookmark" title="Permanent Link: Internet Explorer CSS vorenthalten">Internet Explorer CSS vorenthalten</a></li><li><a href="http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/" rel="bookmark" title="Permanent Link: Checkbox-Problem mit IE und Opera">Checkbox-Problem mit IE und Opera</a></li><li><a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/" rel="bookmark" title="Permanent Link: Hinweis zum Internet Explorer bei WordPress">Hinweis zum Internet Explorer bei WordPress</a></li><li><a href="http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/" rel="bookmark" title="Permanent Link: PNG-Logo auch für den IE 6">PNG-Logo auch für den IE 6</a></li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" rel="bookmark" title="Permanent Link: Internet Explorer sucks!">Internet Explorer sucks!</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.231) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/">Permalink</a> |
<a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/#comments">4 Kommentare</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/&&bm_description=IE 8 in Conditional Comment einbezogen&&bm_tags=Conditional Comments, CSS, Hack, Internet Explorer, Internet Explorer 8, Stern-Selektor, WordPress, YAML Green&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/&title=IE 8 in Conditional Comment einbezogen">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/&exttitle=IE 8 in Conditional Comment einbezogen">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/&title=IE 8 in Conditional Comment einbezogen>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/conditional-comments/" rel="tag">Conditional Comments</a>, <a href="http://www.webseiten-infos.de/tag/css/" rel="tag">CSS</a>, <a href="http://www.webseiten-infos.de/tag/hack/" rel="tag">Hack</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer/" rel="tag">Internet Explorer</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-8/" rel="tag">Internet Explorer 8</a>, <a href="http://www.webseiten-infos.de/tag/stern-selektor/" rel="tag">Stern-Selektor</a>, <a href="http://www.webseiten-infos.de/tag/wordpress/" rel="tag">WordPress</a>, <a href="http://www.webseiten-infos.de/tag/yaml-green/" rel="tag">YAML Green</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Internet Explorer sucks!</title>
		<link>http://www.webseiten-infos.de/internet-explorer-sucks/</link>
		<comments>http://www.webseiten-infos.de/internet-explorer-sucks/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 00:47:00 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Browser]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 8]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Webseiten]]></category>
		<category><![CDATA[Webstandards]]></category>
		<category><![CDATA[YAML]]></category>
		<category><![CDATA[YAML Green]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=478</guid>
		<description><![CDATA[Rund 2 Stunden wendete ich auf um IE-spezifische Probleme mit dem Layout von Webseiten-Infos.de in den Griff zu bekommen. Ich hätte große Lust Microsoft dafür eine Rechnung zu schicken! Verlorene Zeit, bloß weil sich der Internet Explorer (IE) bis einschließlich Version 7 nicht hinreichend an Webstandards hält. Ich könnte k&#8230;! Diesmal ärgerte ich mich dermaßen, [...]]]></description>
			<content:encoded><![CDATA[<p>Rund 2 Stunden wendete ich auf um <abbr title="Internet Explorer">IE</abbr>-spezifische Probleme mit dem Layout von Webseiten-Infos.de in den Griff zu bekommen.</p>
<p>Ich hätte große Lust <span lang="en" xml:lang="en">Microsoft</span> dafür eine Rechnung zu schicken! Verlorene Zeit, bloß weil sich der Internet Explorer (IE) bis einschließlich Version 7 nicht hinreichend an Webstandards hält. Ich könnte k&#8230;!</p>
<p>Diesmal ärgerte ich mich dermaßen, dass ich schon das Ausschalten des <span lang="en" xml:lang="en">Layouts</span> für den Internet Explorer (IE) bis Version 7 testete.</p>
<p>Lediglich dem <span lang="en" xml:lang="en">WordPress-Themes</span> <a href="http://dynamicinternet.eu/wordpress/wordpress-themes/yaml-green-theme/" title="Webseite zum WordPress-Theme YAML Green von Michael Preuß" lang="en" xml:lang="en" class="liexternal">YAML Green</a> (<a href="http://dynamicinternet.eu/blog/2008-10-12/yaml-green-theme-update/" title="Webseite zum WordPress-Theme YAML Green Version 1.2 von Michael Preuß" lang="en" xml:lang="en" class="liexternal">Update</a>), das auf dem <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-<span lang="en" xml:lang="en">Frameworks</span> <a href="http://www.yaml.de/" title="Startseite des CSS-Frameworks YAML von Dirk Jesse" class="liexternal">YAML</a> basiert, war es mit der mittels <a href="http://de.wikipedia.org/wiki/Conditional_Comments" title="Wikipedia-Artikel zu Conditional Comments (CC)" class="liwikipedia">Conditional Comment</a> (CC) eingebundenen <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Datei für das Sorgenkind Internet Explorer (IE) bis einschließlich Version 7 zu verdanken, dass ich dann doch dort die erforderlichen Anpassungen vornahm.</p>
<p>Liebe Nutzer des Internet Explorers (IE) bis einschließlich Version 7:</p>
<p>Ihr macht die Webdesigner dieser Welt und Euch selbst glücklich, wenn ihr entweder</p>
<ul>
<li>auf den <a href="http://windows.microsoft.com/de-DE/internet-explorer/products/ie/home" title="Downloadseite des Browsers Internet Explorer 8" class="liexternal">Internet Explorer 8</a> aktualisiert (<span lang="en" xml:lang="en">updated</span>) oder</li>
<li>gleich auf einen modernen <span lang="en" xml:lang="en">Browser</span> wie beispielsweise die kostenlosen Alternativen <a href="http://www.mozilla.org/de/firefox/new/" class="liexternal">Firefox</a>, <a href="http://www.opera.com/browser/?htlanguage=de/" class="liexternal">Opera</a>, Flock, <a href="http://kmeleon.sourceforge.net/wiki/KMeleonWikiDe" class="liexternal">K-Meleon</a>, <a href="http://www.seamonkey.at/" class="liexternal">Seamonkey</a>, <a href="http://www.apple.com/de/safari/download/" class="liexternal">Safari</a> oder <a href="http://www.google.com/chrome/intl/de/landing_win.html?hl=de&amp;hl=de" class="liexternal">Google Chrome</a> umsteigt.</li>
</ul>
<p>Es ist für mich erschreckend, dass noch immer über 25% der Besucher von Webseiten-Infos.de mit einer veralteten Version des Internet Explorers surfen.</p>
<p>Für ein besseres Web: Aktualisiert Euren Internet Explorer (IE) oder &#8211; noch besser &#8211; steigt auf einen modernen Browser um (siehe auch <a href="http://browser-update.org/" title="Startseite der Website browser-update.org" lang="en" xml:lang="en" class="liexternal">browser-update.org</a>)!</p>
<p>So, das musste einfach raus!</p>
<hr /><h2>Kommentare</h2><ul><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" >9. November 2009</a>, <a href="http://grochtdreis.de" rel='external' class='url'>Jens Grochtdreis</a> schreibt: Ich verstehe ja Deinen Frust, kann aber bei Deiner Seite keine problematischen Punkte feststellen. Wo bitteschön sind denn bei diesem recht einfachen Design irgendwelche Probleme bzgl. IE6? 

Hast Du schonmal daran gedacht, dem IE6 einfach weniger zu geben? Gute Browser können bspw. runde Ecken mit CSS3, alle IE nicht.</li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" >9. November 2009</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: Hallo Jens,

danke für Dein Verständnis.
<blockquote>Wo bitteschön sind denn bei diesem recht einfachen Design irgendwelche Probleme bzgl. IE6?</blockquote>
Die Probleme bzgl. IE6 traten insbesondere in der Sidebar mit text-indent und CSS-Grafiken sowie den unterschiedlichen Breiten von Formularelementen auf. Sollte jetzt aber behoben sein.
Auch wenn das Design für Dich relativ einfach zu sein scheint, die erforderlichen Korrekturen für den IE &lt; 8 sind für mich schon beachtlich und ärgerlich. Lediglich mit YAML ist das für mich überhaupt mit einem vertretbaren zusätzlichen Aufwand verbunden (siehe bezüglich der Korrekturen für den IE &lt; 8  meine <a href="http://www.webseiten-infos.de/wp-content/themes/yaml-green/css/patches/patch_2col_right_seo.css" rel="nofollow">patch_2col_right_seo.css</a>).

<blockquote>Hast Du schonmal daran gedacht, dem IE6 einfach weniger zu geben? Gute Browser können bspw. runde Ecken mit CSS3, alle IE nicht.</blockquote>
Nicht nur daran gedacht, sondern auch schon gemacht. ;-)
Schau Dir mal meine CSS-Datei (derzeit <a href="http://www.webseiten-infos.de/wp-content/themes/yaml-green/css/green_2col_right-2009-11-04.css" rel="nofollow">green_2col_right-2009-11-04.css</a>) an. Dort findest Du mittels CSS3 realisierte runde Ecken und Schatten um Boxen. Oder schau Dir zu Vergleichszwecken meine Seite einfach mal mit dem Internet Explorer und Firefox, Safari oder Google Chrome an.

Beste Grüße
Dieter
PS: Ich war schon kurz davor dem IE &lt; 8 richtig weniger an CSS zu geben: Nämlich nichts mehr! ;-)</li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" >9. November 2009</a>, <a href="http://www.reizkraft.com/" rel='external' class='url'>reizi</a> schreibt: Woher kenne ich das nur? :)
Ich möchte nicht wissen, wieviele Stunden ich Microsofts IE Versionen schon gewidmet und Browserweichen gebastelt habe. Richtig spassig wirds auch mit Javascript. Das Problem an der ganzen Geschichte ist, das etliche Firmen immernoch mit IE6, oder IE7 kämpfen. Leider!!!

Gruß</li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" >9. November 2009</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @reizi
Browserweiche für den Internet Explorer ist mit den Conditional Comments noch einfach. Schwierig wird es in der Tat mit den Bugs und Besonderheiten des IE &lt; 8 sowie mit JavaScript.

Das Problem mit dem IE6 und 7 in Firmen wird leider dazu führen, dass häufig noch einige Jahre diese IE-Versionen beim Layouten berücksichtigt werden müssen. Man kann nur hoffen, dass viele dem Beispiel von Google bei YouTube folgen werden und einfach die Unterstützung einstellen werden. Mit diesem Gedanken kann ich mich immer mehr anfreunden.

Gruß
Dieter</li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" >25. September 2010</a>, Heli schreibt: Schön, dass auch Profis mit dem IE Probleme haben. Ich hoffe, dass er endlich verschwindet. Selbst für einfache Sachen wie Roundies muss man für den IE eine umständliche Konstruktion basteln.</li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" >25. September 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Heli
Schön ist anders!
Der IE 8 ist überwiegend in Ordnung. Abgerundete Ecken (rounded corners) mittels CSS3 beherrscht er zwar nicht, aber dann bekommt der IE-Nutzer halt nicht abgerundete Ecken zu sehen und gut ist. Das Ganze wird in den letzten Jahren unter dem Stichwort Progressive Enhancement diskutiert.</li></ul><hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/sicherheitslucke-war-lange-bekannt/" rel="bookmark" title="Permanent Link: Sicherheitslücke war lange bekannt">Sicherheitslücke war lange bekannt</a></li><li><a href="http://www.webseiten-infos.de/internet-explorer-8-ist-veroeffentlicht/" rel="bookmark" title="Permanent Link: Der Internet Explorer 8 ist veröffentlicht">Der Internet Explorer 8 ist veröffentlicht</a></li><li><a href="http://www.webseiten-infos.de/bsi-warnt-vor-internet-explorer/" rel="bookmark" title="Permanent Link: BSI warnt vor Internet Explorer">BSI warnt vor Internet Explorer</a></li><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" rel="bookmark" title="Permanent Link: IE 8 in Conditional Comment einbezogen">IE 8 in Conditional Comment einbezogen</a></li><li><a href="http://www.webseiten-infos.de/sicherheitsluecke-fuer-internet-explorer-code-in-bildern/" rel="bookmark" title="Permanent Link: Sicherheitslücke für Internet Explorer: Code in Bildern">Sicherheitslücke für Internet Explorer: Code in Bildern</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.231) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/internet-explorer-sucks/">Permalink</a> |
<a href="http://www.webseiten-infos.de/internet-explorer-sucks/#comments">6 Kommentare</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/internet-explorer-sucks/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/internet-explorer-sucks/&&bm_description=Internet Explorer sucks!&&bm_tags=Browser, Conditional Comments, CSS, Internet Explorer, Internet Explorer 8, Layout, Webseiten, Webstandards, YAML, YAML Green&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/internet-explorer-sucks/&title=Internet Explorer sucks!">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/internet-explorer-sucks/&exttitle=Internet Explorer sucks!">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/internet-explorer-sucks/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/internet-explorer-sucks/&title=Internet Explorer sucks!>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/browser/" rel="tag">Browser</a>, <a href="http://www.webseiten-infos.de/tag/conditional-comments/" rel="tag">Conditional Comments</a>, <a href="http://www.webseiten-infos.de/tag/css/" rel="tag">CSS</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer/" rel="tag">Internet Explorer</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-8/" rel="tag">Internet Explorer 8</a>, <a href="http://www.webseiten-infos.de/tag/layout/" rel="tag">Layout</a>, <a href="http://www.webseiten-infos.de/tag/webseiten/" rel="tag">Webseiten</a>, <a href="http://www.webseiten-infos.de/tag/webstandards/" rel="tag">Webstandards</a>, <a href="http://www.webseiten-infos.de/tag/yaml/" rel="tag">YAML</a>, <a href="http://www.webseiten-infos.de/tag/yaml-green/" rel="tag">YAML Green</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/internet-explorer-sucks/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>PNG-Logo auch für den IE 6</title>
		<link>http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/</link>
		<comments>http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 20:57:27 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Alpha-Transparenz]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[Unit PNG Fix]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=402</guid>
		<description><![CDATA[In meinem Blogbeitrag &#8220;Das neue Logo ist da!&#8221; hatte ich darauf hingewiesen, dass das Logo beim Internet Explorer (IE) bis zur Version 6 mittels display: none ausgeblendet wird. Grund: Das Logo ist für einen schönen fließenden Farbverlauf und gleichzeitig Alpha-Transparenz des Hintergrunds im PNG 32-Format abgespeichert. Beim Internet Explorer 6 (IE6) und kleiner führt das [...]]]></description>
			<content:encoded><![CDATA[<p>In meinem Blogbeitrag &#8220;<a href="http://www.webseiten-infos.de/das-neue-logo-ist-da/" title="Blogbeitrag mit dem Titel &quot;Das neue Logo ist da!&quot;">Das neue Logo ist da!</a>&#8221; hatte ich darauf hingewiesen, dass das Logo beim Internet Explorer (IE) bis zur Version 6 mittels <span lang="en" xml:lang="en">display: none</span> ausgeblendet wird.</p>
<p>Grund: Das Logo ist für einen schönen fließenden Farbverlauf und gleichzeitig Alpha-Transparenz des Hintergrunds im PNG 32-Format abgespeichert. Beim Internet Explorer 6 (IE6) und kleiner führt das aber zu Darstellungsproblemen (hier: schwarzer Hintergrund).</p>
<p>Nun dachte ich mir, wenn ich in einem bedingten Kommentar (<a href="http://de.wikipedia.org/wiki/Conditional_Comments" title="Wikipedia-Artikel zu Conditional Comments" lang="en" xml:lang="en" class="liwikipedia">Conditional Comment</a>) die CSS-Regel  schreibe, dann kann ich da stattdessen auch ein JavaScript reinpacken, das dem Internet Explorer (IE) die Alpha-Transparenz des Hintergrunds beim Logo beibringt.</p>
<p>Folgende JavaScripte testete ich in diesem Zusammenhang:</p>
<ol>
<li><a href="http://24ways.org/2007/supersleight-transparent-png-in-ie6" title="Website zum JavaScript Supersleight" lang="en" xml:lang="en" class="liexternal">Supersleight</a><br />
Funktionierte zwar, aber führte dazu, dass die Tab-Navigation völlig verschoben wurde.</li>
<li><a href="http://homepage.ntlworld.com/bobosola/index.htm" title="Website für das JavaScript PNGfix" class="liexternal">PNGfix</a><br />
Funktionierte auf Webseiten-Infos.de irgendwie nicht richtig. Der Hintergrund des Logos blieb grau und der Rahmen der Brotkrümelnavigation (<span lang="en" xml:lang="en">breadcrumb navigation</span>) wurde verschoben.</li>
<li><a href="http://labs.unitinteractive.com/unitpngfix.php" title="Website zum JavaScript Unit PNG Fix" lang="en" xml:lang="en" class="liexternal">Unit PNG Fix</a><br />
Funktioniert immerhin im Internet Explorer 6 (IE6) einwandfrei und anscheinend ohne Nebenwirkung. <img src='http://www.webseiten-infos.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /><br />
Beim Internet Explorer 5.5 und 5.0 (IE 5.5 und 5.0) wird dagegen der Hintergrund des Logos grau dargestellt.</li>
</ol>
<p>Gleichwohl habe ich <span lang="en" xml:lang="en">Unit PNG Fix</span> als Ersatz für display: none eingebaut, denn nur noch knapp über 1% der Besucher von Webseiten-Infos.de benutzten den Internet Explorer 5.5 oder 5.0 (IE 5.5 oder 5.0). Tendenz erfreulicherweise weiter fallend.</p>
<p>Das JavaScript <span lang="en" xml:lang="en">Unit PNG Fix</span> habe ich wie folgt in den Kopfbereich (<span lang="en" xml:lang="en">Header</span>) der Webseiten eingebunden (Auszug des relevanten Codes):</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">&lt;!--[if lt IE 7]&gt;</span><br />
<span style="color: #808080; font-style: italic;">&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.webseiten-infos.de/unitpngfix.js&quot;&gt;&lt;/script&gt;</span><br />
<span style="color: #808080; font-style: italic;">&lt;![endif]--&gt;</span></div></td></tr></tbody></table></div>
<p>Und den Pfad für die dafür erforderliche Grafik clear.gif habe ich im JavaScript entsprechend angepasst.</p>
<p>Sofern Nutzer des Internet Explorers 6  (IE6) JavaScript deaktivieren, funktioniert die Alpha-Transparenz natürlich nicht und sehen sie ebenfalls einen grauen Hintergrund beim Logo.</p>
<p>Solltest Du Nebenwirkungen feststellen, wäre ich für einen entsprechenden Hinweis dankbar.</p>
<hr /><h2>Kommentare</h2><ul><li><a href="http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/" >24. Februar 2010</a>, <a href="http://twitter.com/stefan_designt" rel='external' class='url'>Stefan</a> schreibt: Da hattest Du aber Glück. Bei mir zerhaut das Script das ganze Design... Ich bin grade mal am gucken, woran es liegt...</li><li><a href="http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/" >25. Februar 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Stefan
Das dürfte sehr wahrscheinlich ein CSS-Konflikt sein.
Ich kommentiere zur Fehlerbehebung (zum Debugging) dann Teile des CSS aus und aktiviere wieder etappenweise.

Hilfreich beim Debugging im Firefox ist auch das Addon <a href="http://getfirebug.com/" rel="nofollow" class="liexternal">Firebug</a>.</li></ul><hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/web-20-button-online-erstellen/" rel="bookmark" title="Permanent Link: Web 2.0-Grafiken online erstellen">Web 2.0-Grafiken online erstellen</a></li><li><a href="http://www.webseiten-infos.de/und-der-gewinner-des-buches-ist/" rel="bookmark" title="Permanent Link: Und der Gewinner des Buches ist&#8230;">Und der Gewinner des Buches ist&#8230;</a></li><li><a href="http://www.webseiten-infos.de/danke-fuer-eure-kommentare/" rel="bookmark" title="Permanent Link: Danke für Eure Kommentare">Danke für Eure Kommentare</a></li><li><a href="http://www.webseiten-infos.de/bilder-mit-smushit-verkleinern/" rel="bookmark" title="Permanent Link: Bilder mit smush.it verkleinern">Bilder mit smush.it verkleinern</a></li><li><a href="http://www.webseiten-infos.de/wo-ist-das-logo/" rel="bookmark" title="Permanent Link: Wo ist das Logo?">Wo ist das Logo?</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.231) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/">Permalink</a> |
<a href="http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/#comments">2 Kommentare</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/&&bm_description=PNG-Logo auch für den IE 6&&bm_tags=Alpha-Transparenz, Conditional Comments, Internet Explorer 6, JavaScript, Logo, PNG, Unit PNG Fix&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/&title=PNG-Logo auch für den IE 6">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/&exttitle=PNG-Logo auch für den IE 6">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/&title=PNG-Logo auch für den IE 6>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/alpha-transparenz/" rel="tag">Alpha-Transparenz</a>, <a href="http://www.webseiten-infos.de/tag/conditional-comments/" rel="tag">Conditional Comments</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-6/" rel="tag">Internet Explorer 6</a>, <a href="http://www.webseiten-infos.de/tag/javascript/" rel="tag">JavaScript</a>, <a href="http://www.webseiten-infos.de/tag/logo/" rel="tag">Logo</a>, <a href="http://www.webseiten-infos.de/tag/png/" rel="tag">PNG</a>, <a href="http://www.webseiten-infos.de/tag/unit-png-fix/" rel="tag">Unit PNG Fix</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/png-logo-auch-fuer-ie6/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Checkbox-Problem mit IE und Opera</title>
		<link>http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/</link>
		<comments>http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 19:53:28 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Checkbox]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Formular]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 8]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Zugänglichkeit]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=392</guid>
		<description><![CDATA[Die Gestaltung von Formularen in den verschiedenen Browsern ist für mich immer noch eine Herausforderung. Aktuell hatte ich ein Problem mit der Darstellung von Checkboxen im Opera und Internet Explorer 8 (IE8). Die Vorgängerversionen des Internet Explorers (IE) waren nicht betroffen, da ich für diese Browser eine eigene CSS-Datei mittels bedingtem Kommentar (Conditional Comment) bereitstelle. [...]]]></description>
			<content:encoded><![CDATA[<p>Die Gestaltung von Formularen in den verschiedenen Browsern ist für mich immer noch eine Herausforderung.</p>
<p>Aktuell hatte ich ein Problem mit der Darstellung von Checkboxen im Opera und Internet Explorer 8 (IE8).</p>
<p>Die Vorgängerversionen des Internet Explorers (IE) waren nicht betroffen, da ich für diese Browser eine eigene <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Datei mittels bedingtem Kommentar (<a href="http://de.wikipedia.org/wiki/Conditional_Comments" title="Wikipedia-Artikel zu Conditional Comments" lang="en" xml:lang="en" class="liwikipedia">Conditional Comment</a>) bereitstelle. Dort habe ich für Checkboxen mit den <span lang="en" xml:lang="en">IDs subscribe</span>, <span lang="en" xml:lang="en">linksnewwin</span> und <span lang="en" xml:lang="en">copy</span> folgende <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Regel geschrieben:</p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br /></div></td><td><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #cc00cc;">#subscribe</span><span style="color: #00AA00;">,</span> <br />
<span style="color: #cc00cc;">#linksnewwin</span><span style="color: #00AA00;">,</span> <br />
<span style="color: #cc00cc;">#copy</span> <span style="color: #00AA00;">&#123;</span><br />
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><br />
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><br />
<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">transparent</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span></div></td></tr></tbody></table></div>
<p>Auf diese Weise konnte ich vermeiden, dass beim Internet Explorer 5 bis 7 (IE5-7) um die Checkbox herum ein Rahmen dargestellt wird. Ursächlich für den Rahmen um die Checkbox beim Internet Explorer (IE) ist übrigens die Vererbung von border: 1px etc bei input auf die Checkboxen. Die anderen Browser zeigen dagegen keinen Rahmen um die Checkboxen an. </p>
<p>Der Internet Explorer 8 (IE8) soll <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr> 2.1 vollständig und richtig umsetzen. Deswegen habe ich die Patch-Datei mit dem bedingten Kommentar (<span lang="en" xml:lang="en">Conditional Comment</span>) auf die früheren Versionen des Internet Explorers (IE) beschränkt gehalten. Für die Darstellung der Icons hinter externen Links, die über zwei Zeilen gehen, sind erfreulicherweise auch tatsächlich die Darstellungsprobleme der Vorgängerversionen verschwunden.</p>
<p>Die Folge ist aber, dass der Internet Explorer 8 (IE8) dafür die Checkbox mit einem Rahmen herum darstellt. Das sieht dann so aus:</p>
<div class="transparenz aligncenter"><img class="aligncenter size-full wp-image-393 schatten" title="Checkbox im IE8 mit border" src="http://www.webseiten-infos.de/wp-content/uploads/checkbox-im-ie-mit-border.gif" alt="Checkbox im IE8 mit border" width="216" height="29" /></div>
<p>Deshalb schrieb ich obige <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Regel auch in meine <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr> -Datei für alle Browser. Das brachte den gewünschten Erfolg beim Internet Explorer 8 (IE8). Denn nun sah die Checkbox dort wie folgt aus:</p>
<div class="transparenz aligncenter"><img class="aligncenter size-full wp-image-398 schatten" title="Checkbox im IE8 mit border: 0" src="http://www.webseiten-infos.de/wp-content/uploads/checkbox-im-ie8-mit-border-01.gif" alt="Checkbox im IE8 mit border: 0" width="217" height="28" /></div>
<p>Soweit, so gut. Ich hatte aber die Rechnung ohne den Opera gemacht. Dieser Browser verhält sich zumindest in der aktuellen Version 9.6.x anders als Firefox, Safari, Google Chrome etc. Denn border: 0 für die Checkbox sorgt beim Opera dazu, dass ein gesetztes Häckchen fast nicht mehr erkennbar ist. Die Folge: Ein Zugänglichkeitsproblem. So sieht es dann im Opera aus:</p>
<div class="transparenz aligncenter"><img class="aligncenter size-full wp-image-399 schatten" title="Checkbox im Opera mit Border: 0" src="http://www.webseiten-infos.de/wp-content/uploads/checkbox-im-opera-mit-border-0.gif" alt="Checkbox im Opera mit Border: 0" width="214" height="32" /></div>
<p>Recherchen mit der Suchmaschine meines Vertrauens führten mich dann zu einem <a href="http://xhtmlforum.de/55263-problem-mit-checkboxen-im-opera.html" title="Thread im XHTML-Forum zum Thema Problem mit Checkboxen im Opera" class="liexternal">Thread im <abbr title="Extensible Hypertext Markup Language" lang="en" xml:lang="en">CSS</abbr> XHTML-Forum</a>. Die Schlussfolgerung daraus: Man muss dem Opera in diesem Fall einen Innenabstand (<span lang="en" xml:lang="en">padding</span>) für die Checkbox geben, damit das Häckchen wieder zu sehen ist. Das habe ich dann mit <span lang="en" xml:lang="en">padding</span>: 7px getan, aber dadurch sah die Checkbox ausschließlich im Opera üderdimensioniert aus. Nämlich so:</p>
<div class="transparenz aligncenter"><img class="aligncenter size-full wp-image-400 schatten" title="Checkbox im Opera mit padding: 7px" src="http://www.webseiten-infos.de/wp-content/uploads/checkbox-im-opera-mit-padding-7px.gif" alt="Checkbox im Opera mit padding: 7px" width="217" height="35" /></div>
<p>Das wollte ich aber meinen Besuchern mit dem Browser Opera nicht zumuten. Also was tun?</p>
<p>Eigentlich ist ja der Internet Explorer 8 (IE8) &#8220;schuld&#8221;, da er im Gegensatz zu den anderen Browsern (Opera, <span lang="en" xml:lang="en">Firefox</span>, Safari, Google Chrome) einfach diesen unschönen  Rahmen um die Checkbox macht. Also beschloss ich alles wieder so zu machen wie vorher. D.h. nur der Internet Explorer 5 bis 7 (IE5-7) bekommen für Checkboxen border: 0 über eine <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Datei mittels <span lang="en" xml:lang="en">Conditional Comment</span> und der Internet Explorer 8 (IE8) stellt halt einen hässlichen Rahmen darum dar.</p>
<p>Dafür sehen die Checkboxen im Opera wieder &#8220;normal&#8221; aus:</p>
<div class="transparenz aligncenter"><img class="aligncenter size-full wp-image-401 schatten" title="Checkbox im Opera mit Border" src="http://www.webseiten-infos.de/wp-content/uploads/checkbox-im-opera-mit-border.gif" alt="Checkbox im Opera mit Border" width="211" height="27" /></div>
<p>Mein Resümee:</p>
<ul>
<li>Webseiten sind keine Gemälde.</li>
<li>Webseiten müssen nicht in allen Browsern gleich aussehen.</li>
<li>Wenn eine unschöne Darstellung in einem Browser nur auf Kosten der Darstellung in einem anderen Browser behoben werden könnte, dann belasse ich die unschöne Darstellung beim verursachenden Browser.</li>
<li>Der IE8 bekommt von mir keine extra <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Regeln in einer eigenen <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Datei mittels <span lang="en" xml:lang="en">Conditional Comment</span>.</li>
</ul>
<p><strong>Nachtrag vom 20. September 2009:</strong></p>
<p>Mit folgendem <span lang="en" xml:lang="en">Conditional Comment</span> (CC) im Kopfbereich (<span lang="en" xml:lang="en">Header</span>) wäre der Rahmen um die Checkboxen auf Webseiten-Infos.de auch beim Internet Explorer 8 (IE8) nicht mehr zu sehen.</p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /></div></td><td><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;!--<span style="color: #00AA00;">&#91;</span>if IE <span style="color: #cc66cc;">8</span><span style="color: #00AA00;">&#93;</span><span style="color: #00AA00;">&gt;</span><br />
&lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span><br />
<span style="color: #cc00cc;">#subscribe</span><span style="color: #00AA00;">,</span><br />
<span style="color: #cc00cc;">#linksnewwin</span><span style="color: #00AA00;">,</span><br />
<span style="color: #cc00cc;">#copy</span> <span style="color: #00AA00;">&#123;</span><br />
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span><br />
&lt;!<span style="color: #00AA00;">&#91;</span>endif<span style="color: #00AA00;">&#93;</span>--<span style="color: #00AA00;">&gt;</span></div></td></tr></tbody></table></div>
<p>Danke an <a href="http://webdesign.weisshart.de/" title="Startseite von Webdesign Weisshart" class="liexternal">Fritz Weisshart</a>, der mich darauf hinwies, dass</p>
<ul>
<li> border: 0; statt border: none 0; ausreicht und</li>
<li> bei ihm dieses Checkboxen-Problem mit Opera und Internet Explorer 8 nicht auftritt.</li>
</ul>
<p>Sein Hinweis regte mich zu diesem ergänzenden Nachtrag an.</p>
<p>Angeregt durch ein Testcase von Fritz Weisshart bin ich der Ursache für das hier beschriebene Checkbox-Problem nachgegangen.</p>
<p>Das Ergebnis: Die Gestaltung von input mit border: 1px etc ist der Auslöser.</p>
<hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/opera-checkboxen-korrekt-darstellen/" rel="bookmark" title="Permanent Link: Opera: Checkboxen korrekt darstellen">Opera: Checkboxen korrekt darstellen</a></li><li><a href="http://www.webseiten-infos.de/opera-105-mit-runden-ecken-und-schatteneffekt/" rel="bookmark" title="Permanent Link: Opera 10.5 mit runden Ecken und Schatteneffekt">Opera 10.5 mit runden Ecken und Schatteneffekt</a></li><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" rel="bookmark" title="Permanent Link: IE 8 in Conditional Comment einbezogen">IE 8 in Conditional Comment einbezogen</a></li><li><a href="http://www.webseiten-infos.de/opera-11-mit-erweiterungen/" rel="bookmark" title="Permanent Link: Opera 11 mit Erweiterungen">Opera 11 mit Erweiterungen</a></li><li><a href="http://www.webseiten-infos.de/erweiterungen-fur-browser/" rel="bookmark" title="Permanent Link: Erweiterungen für Browser">Erweiterungen für Browser</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.231) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/">Permalink</a> |
<a href="http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/#comments">Kein Kommentar</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/&&bm_description=Checkbox-Problem mit IE und Opera&&bm_tags=Checkbox, Conditional Comments, CSS, Formular, Internet Explorer, Internet Explorer 8, Opera, Zugänglichkeit&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/&title=Checkbox-Problem mit IE und Opera">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/&exttitle=Checkbox-Problem mit IE und Opera">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/&title=Checkbox-Problem mit IE und Opera>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/checkbox/" rel="tag">Checkbox</a>, <a href="http://www.webseiten-infos.de/tag/conditional-comments/" rel="tag">Conditional Comments</a>, <a href="http://www.webseiten-infos.de/tag/css/" rel="tag">CSS</a>, <a href="http://www.webseiten-infos.de/tag/formular/" rel="tag">Formular</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer/" rel="tag">Internet Explorer</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-8/" rel="tag">Internet Explorer 8</a>, <a href="http://www.webseiten-infos.de/tag/opera/" rel="tag">Opera</a>, <a href="http://www.webseiten-infos.de/tag/zugaenglichkeit/" rel="tag">Zugänglichkeit</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/checkbox-problem-mit-ie-und-opera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hinweis zum Internet Explorer bei WordPress</title>
		<link>http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/</link>
		<comments>http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 22:46:09 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=133</guid>
		<description><![CDATA[Inhaltsverzeichnis Vorbemerkung WordPress-Plugins Text in einem Conditional Comment Aufruf zur Info-Kampagne 1. Vorbemerkung Aktuell wird im Web besonders intensiv über das Beenden der Unterstützung des Internet Explorers 6 (IE6) durch Webdesigner sowie über Hinweise doch auf die aktuelle Version des Browser oder einen modernen Browser zu wechseln diskutiert. Hierüber habe ich auch bereits in dem [...]]]></description>
			<content:encoded><![CDATA[<h3>Inhaltsverzeichnis</h3>
<ol>
<li><a href="#Vorbemerkung" >Vorbemerkung</a></li>
<li><a href="#Plugins" ><span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugins</span></a></li>
<li><a href="#CC" >Text in einem <span lang="en" xml:lang="en">Conditional Comment</span></a></li>
<li><a href="#Aufruf" >Aufruf zur Info-Kampagne</a></li>
</ol>
<h3><a id="Vorbemerkung" name="Vorbemerkung"></a>1. Vorbemerkung</h3>
<p>Aktuell wird im Web besonders intensiv</p>
<ul>
<li>über das Beenden der Unterstützung des <span lang="en" xml:lang="en">Internet Explorers</span> 6 (IE6) durch Webdesigner sowie</li>
<li>über Hinweise doch auf die aktuelle Version des <span lang="en" xml:lang="en">Browser</span> oder einen modernen <span lang="en" xml:lang="en">Browser</span> zu wechseln</li>
</ul>
<p>diskutiert.</p>
<p>Hierüber habe ich auch bereits in dem Blogbeitrag &#8220;<a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" title="Blogbeitrag mit dem Titel &quot;Warum der Internet Explorer 6 weg muss!&quot;">Warum der <span lang="en" xml:lang="en">Internet Explorer</span> 6 weg muss!</a>&#8221; berichtet.</p>
<p>Hier will ich nun die Frage beantworten, wie man bei <span lang="en" xml:lang="en">WordPress</span> einen entsprechenden Hinweis einblenden kann.</p>
<p>Dazu fallen mir folgende zwei Möglichkeiten ein:</p>
<ol>
<li><span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugin</span> oder</li>
<li>Text in einem <a href="http://de.wikipedia.org/wiki/Conditional_Comments" title="Wikipedia-Artikel zu Conditional Comments" class="liwikipedia"><span lang="en" xml:lang="en">Conditional Comment</span></a></li>
</ol>
<h3><a id="Plugins" name="Plugins"></a>2. <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugins</span></h3>
<p>Folgende drei <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugins</span> habe ich dazu gefunden:</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/shockingly-big-ie6-warning/" title="WordPress-Plugin Shockingly Big IE6 Warning" class="liwp"><span lang="en" xml:lang="en">Shockingly Big</span> <abbr title="Internet Explorer">IE</abbr>6 <span lang="en" xml:lang="en">Warning</span></a>,</li>
<li><a href="http://wordpress.org/extend/plugins/ie-warning/" title="WordPress-Plugin IE Warning" class="liwp"><abbr title="Internet Explorer">IE</abbr> <span lang="en" xml:lang="en">Warning</span></a> und</li>
<li><a href="http://wordpress.org/extend/plugins/internet-explorer-6-upgrade/" title="WordPress-Plugin Internet Explorer 6 Upgrade" class="liwp">Internet Explorer 6 <span lang="en" xml:lang="en">Upgrade</span></a></li>
</ul>
<p>Auf das <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugin Shockingly Big</span> <abbr title="Internet Explorer">IE</abbr>6 <span lang="en" xml:lang="en">Warning</span> bin ich durch den Blogbeitrag &#8220;<a href="http://www.fabianpimminger.com/web-development/tragen-wir-den-ie6-zu-grabe/" title="Blogbeitrag mit dem Titel &quot;Tragen wir den IE6 zu Grabe!&quot; von Fabian Pimminger" class="liexternal">Tragen wir den <abbr title="Internet Explorer">IE</abbr>6 zu Grabe!</a>&#8221; aufmerksam geworden, habe es aber bisher nicht verwendet.</p>
<p>Durch <span lang="en" xml:lang="en">Google</span> habe ich das <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugin</span> <abbr title="Internet Explorer">IE</abbr> <span lang="en" xml:lang="en">Warning</span> gefunden, aber nicht getestet.</p>
<p>Hier und in meinem Blog unter <a href="http://www.dieter-welzel.de/blog/" title="Blog meiner Website www.dieter-welzel.de" class="liexternal">www.dieter-welzel.de/blog/</a> hatte ich dagegen das <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Plugin Upgrade</span> <abbr title="Internet Explorer">IE</abbr> im Einsatz. Eine deutsche Fassung dazu biete ich übrigens unter dem Blogbeitrag &#8220;<a href="http://www.dieter-welzel.de/372/aufruf-den-internet-explorer-zu-verbessern/" title="Blogbeitrag mit dem Titel &quot;Aufruf den Internet Explorer zu verbessern&quot;" class="liexternal">Aufruf den <span lang="en" xml:lang="en">Internet Explorer</span> zu verbessern</a>&#8221; an.</p>
<h3><a id="CC" name="CC"></a>3. Text in einem <span lang="en" xml:lang="en">Conditional Comment</span></h3>
<p>Diese Variante wird aktuell durch die Kampagne der norwegischen <span lang="en" xml:lang="en">Website</span> <a href="http://www.finn.no/" class="liexternal">finn.no</a> wieder populär (siehe auch <a href="http://ie6.forteller.net/index.php?title=Main_Page#HTML_Code" class="liexternal">Wiki für die Kampagne</a>).</p>
<p>Ich setze sie bereits seit Jahren auf meiner <span lang="en" xml:lang="en">Website</span> <a href="http://www.dieter-welzel.de/" class="liexternal">www.dieter-welzel.de</a> ein.</p>
<p>Einige Blogger (<a href="http://www.blogrammierer.de/der-kampf-gegen-den-ie6/" class="liexternal">Blogrammierer</a>, <a href="http://www.fabianpimminger.com/web-development/tragen-wir-den-ie6-zu-grabe/" class="liexternal">Fabian Pimminger</a>) bieten ihre deutsche Variante für einen entsprechenden Text in einem <span lang="en" xml:lang="en">Conditional Comment</span> an. Da mir diese Texte nicht zusagten, habe ich den Text von meiner <span lang="en" xml:lang="en">Website</span> leicht abgewandelt und in den Fußbereich (<span lang="en" xml:lang="en">Footer</span>: <span lang="en" xml:lang="en">footer</span>.php) des <span lang="en" xml:lang="en">WordPress</span>-<span lang="en" xml:lang="en">Themes</span> YAML-<span lang="en" xml:lang="en">Green</span>, das ich hier einsetze, integriert.</p>
<p>Hier für Interessierte der <abbr title="Extensible Hypertext Markup Language" lang="en" xml:lang="en">XHTML</abbr>-<span lang="en" xml:lang="en">Code</span>:</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">&lt;!--[if lt IE 7]&gt;</span><br />
<span style="color: #808080; font-style: italic;">&lt;div id=&quot;ie6&quot;&gt;</span><br />
<span style="color: #808080; font-style: italic;">&lt;h4&gt;Warum solltest Du und wie kannst Du vom &lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Internet Explorer&lt;/span&gt; zu einem modernen &lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Browser&lt;/span&gt; wechseln?&lt;/h4&gt;</span><br />
<span style="color: #808080; font-style: italic;">Insbesondere aus &lt;a href=&quot;http://www.webseiten-infos.de/sicherheitsluecken-internet-explorer-besonders-gefaehrdet/&quot;&gt;Sicherheitsgr&amp;uuml;nden&lt;/a&gt;, aber auch aus anderen &lt;a href=&quot;http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/&quot;&gt;Gr&amp;uuml;nden&lt;/a&gt;, empfehle ich Dir einen anderen &lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Browser&lt;/span&gt; als den &lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Internet Explorer&lt;/span&gt; zu verwenden. Hier ein paar kostenlose Alternativen: &lt;a href=&quot;http://www.mozilla.org/de/firefox/new/&quot;&gt;&lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Firefox&lt;/span&gt;&lt;/a&gt;, &lt;a href=&quot;http://www.opera.com/browser/?htlanguage=de/&quot;&gt;Opera&lt;/a&gt;, Flock, &lt;a href=&quot;http://kmeleon.sourceforge.net/wiki/KMeleonWikiDe&quot;&gt;K-&lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Meleon&lt;/span&gt;&lt;/a&gt;, &lt;a href=&quot;http://www.seamonkey.at/&quot;&gt;&lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Seamonkey&lt;/span&gt;&lt;/a&gt;, &lt;a href=&quot;http://www.apple.com/de/safari/download/&quot;&gt;Safari&lt;/a&gt;, &lt;a href=&quot;http://www.google.com/chrome/intl/de/landing_win.html?hl=de&amp;amp;hl=de&quot;&gt;&lt;span lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;Google Chrome&lt;/span&gt;&lt;/a&gt;</span><br />
<br />
<span style="color: #808080; font-style: italic;">&lt;/div&gt;</span><br />
<span style="color: #808080; font-style: italic;">&lt;![endif]--&gt;</span></div></td></tr></tbody></table></div>
<p>So sieht dann der Text für die Benutzer des <span lang="en" xml:lang="en">Internet Explorers</span> <del datetime="2009-10-11T10:05:46+00:00">bis einschließlich</del> kleiner Version 7 auf dieser <span lang="en" xml:lang="en">Website</span> aus:</p>
<div id="ie6" style="border: 3px solid #F60; margin: 0 0 1em 0; color: #000; background: #fff;">
<h4 style="margin: 0; padding: .5em 1em 0 1em;">Warum solltest Du und wie kannst Du vom <span lang="en" xml:lang="en">Internet Explorer</span> zu einem modernen <span lang="en" xml:lang="en">Browser</span> wechseln?</h4>
<p style="margin: 0; padding: .5em 1em;">Insbesondere aus <a href="http://www.webseiten-infos.de/sicherheitsluecken-internet-explorer-besonders-gefaehrdet/" >Sicherheitsgründen</a>, aber auch aus anderen <a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" >Gründen</a>, empfehle ich Dir einen anderen <span lang="en" xml:lang="en">Browser</span> als den <span lang="en" xml:lang="en">Internet Explorer</span> zu verwenden. Hier ein paar kostenlose Alternativen: <a href="http://www.mozilla.org/de/firefox/new/" class="liexternal"><span lang="en" xml:lang="en">Firefox</span></a>, <a href="http://www.opera.com/browser/?htlanguage=de/" class="liexternal">Opera</a>, Flock, <a href="http://kmeleon.sourceforge.net/wiki/KMeleonWikiDe" class="liexternal">K-<span lang="en" xml:lang="en">Meleon</span></a>, <a href="http://www.seamonkey.at/" class="liexternal"><span lang="en" xml:lang="en">Seamonkey</span></a>, <a href="http://www.apple.com/de/safari/download/" class="liexternal">Safari</a>, <a href="http://www.google.com/chrome/intl/de/landing_win.html?hl=de&amp;hl=de" class="liexternal"><span lang="en" xml:lang="en">Google Chrome</span></a></p>
</div>
<p>Und hier noch der von mir dafür verwendete <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-<span lang="en" xml:lang="en">Code</span>, der über einen <span lang="en" xml:lang="en">Conditional Comment</span> nur vom <span lang="en" xml:lang="en">Internet Explorer</span> <del datetime="2009-10-11T09:56:36+00:00">bis einschließlich</del> kleiner Version 7 geladen wird und natürlich ebenfalls an die eigene Bedürfnisse angepasst werden kann und sollte:</p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br /></div></td><td><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #cc00cc;">#ie6</span> <span style="color: #00AA00;">&#123;</span><br />
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#F60</span><span style="color: #00AA00;">;</span><br />
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><br />
<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#ie6</span> h4 <span style="color: #00AA00;">&#123;</span><br />
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><br />
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">.5em</span> <span style="color: #933;">1em</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">1em</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#ie6</span> p <span style="color: #00AA00;">&#123;</span><br />
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><br />
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">.5em</span> <span style="color: #933;">1em</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span></div></td></tr></tbody></table></div>
<h3><a id="Aufruf" name="Aufruf"></a>4. Aufruf zur Info-Kampagne</h3>
<p>Ich wünsche mir, dass möglichst viele Betreiber von Webseiten, einen Hinweis für Benutzer des <span lang="en" xml:lang="en">Internet Explorers</span> platzieren.</p>
<p>Aus meiner Sicht ideal wäre es, wenn dabei</p>
<ul>
<li>sowohl auf die vielen und gravierenden Sicherheitslücken des (alten) <span lang="en" xml:lang="en">Internet Explorers</span></li>
<li>als auch auf dessen mangelhafte Unterstützung von Webstandards</li>
<li>sowie Alternativen in Form von modernen <span lang="en" xml:lang="en">Browsern</span></li>
</ul>
<p>hingewiesen würde.</p>
<p>Dazu darfst Du gerne den von mir eingesetzten Text verwenden und abwandeln.</p>
<p>Selbstverständlich sind auch Verbesserungsvorschläge willkommen!</p>
<hr /><h2>Kommentare</h2><ul><li><a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/" >8. Februar 2010</a>, <a href="http://nachhaltigesberlin.de/" rel='external' class='url'>JF</a> schreibt: <strong>Vorsicht</strong> - "Shockingly Big IE6 Warning" brachte meine Site down ...! Hab das wieder deinstalliert.</li><li><a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/" >8. Februar 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @JF
Danke für den Hinweis. Im Bedarfsfall einfach eines der anderen Plugins nehmen oder - so wie ich - mit Conditional Comment einen eigenen Hinweis einblenden.</li><li><a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/" >10. Oktober 2010</a>, <a href="http://wp-popular.com/popular-word-press-websites/hinweis-zum-internet-explorer-bei-wordpress-webseiten-infos-de/" rel='external' class='url'>wp-popular.com &raquo; Blog Archive &raquo; Hinweis zum Internet Explorer bei WordPress | Webseiten-Infos.de</a> schreibt: [...] Link: Hinweis zum Internet Explorer bei WordPress | Webseiten-Infos.de [...]</li></ul><hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/sicherheitslucke-war-lange-bekannt/" rel="bookmark" title="Permanent Link: Sicherheitslücke war lange bekannt">Sicherheitslücke war lange bekannt</a></li><li><a href="http://www.webseiten-infos.de/internet-explorer-8-ist-veroeffentlicht/" rel="bookmark" title="Permanent Link: Der Internet Explorer 8 ist veröffentlicht">Der Internet Explorer 8 ist veröffentlicht</a></li><li><a href="http://www.webseiten-infos.de/bsi-warnt-vor-internet-explorer/" rel="bookmark" title="Permanent Link: BSI warnt vor Internet Explorer">BSI warnt vor Internet Explorer</a></li><li><a href="http://www.webseiten-infos.de/ie8-in-conditional-comment-einbezogen/" rel="bookmark" title="Permanent Link: IE 8 in Conditional Comment einbezogen">IE 8 in Conditional Comment einbezogen</a></li><li><a href="http://www.webseiten-infos.de/internet-explorer-sucks/" rel="bookmark" title="Permanent Link: Internet Explorer sucks!">Internet Explorer sucks!</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.231) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/">Permalink</a> |
<a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/#comments">3 Kommentare</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/&&bm_description=Hinweis zum Internet Explorer bei WordPress&&bm_tags=Browser, Conditional Comments, Internet Explorer 6, Plugins, WordPress&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/&title=Hinweis zum Internet Explorer bei WordPress">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/&exttitle=Hinweis zum Internet Explorer bei WordPress">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/&title=Hinweis zum Internet Explorer bei WordPress>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/browser/" rel="tag">Browser</a>, <a href="http://www.webseiten-infos.de/tag/conditional-comments/" rel="tag">Conditional Comments</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-6/" rel="tag">Internet Explorer 6</a>, <a href="http://www.webseiten-infos.de/tag/plugins/" rel="tag">Plugins</a>, <a href="http://www.webseiten-infos.de/tag/wordpress/" rel="tag">WordPress</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Warum der Internet Explorer 6 weg muss!</title>
		<link>http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/</link>
		<comments>http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 22:41:44 +0000</pubDate>
		<dc:creator>Dieter</dc:creator>
				<category><![CDATA[Browser]]></category>
		<category><![CDATA[Conditional Comments]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[progressives Enhancement]]></category>
		<category><![CDATA[Sicherheitslücken]]></category>
		<category><![CDATA[Webstandards]]></category>

		<guid isPermaLink="false">http://www.webseiten-infos.de/?p=130</guid>
		<description><![CDATA[Inhaltsverzeichnis Mangelhafte Unterstützung von Webstandards Viele und gravierende Sicherheitslücken Wie mit dem Internet Explorer 6 und seinen Nutzern umgehen? Linktipps 1. Mangelhafte Unterstützung von Webstandards Webdesigner schimpfen und fluchen über den Internet Explorer 6 (IE6), weil er immer noch sehr verbreitet ist und ihnen wegen seiner mangelhaften Unterstützung von Webstandards kräftig Mehrarbeit beschert. Manche Darstellungsprobleme [...]]]></description>
			<content:encoded><![CDATA[<h3>Inhaltsverzeichnis</h3>
<ol>
<li><a href="#Webstandards" >Mangelhafte Unterstützung von Webstandards</a></li>
<li><a href="#Sicherheitsluecken" >Viele und gravierende Sicherheitslücken</a></li>
<li><a href="#Nutzer" >Wie mit dem <span lang="en" xml:lang="en">Internet Explorer</span> 6 und seinen Nutzern umgehen?</a></li>
<li><a href="#Linktipps" >Linktipps</a></li>
</ol>
<h3><a id="Webstandards" name="Webstandards"></a>1. Mangelhafte Unterstützung von Webstandards</h3>
<p>Webdesigner schimpfen und fluchen über den <span lang="en" xml:lang="en">Internet Explorer</span> 6 (IE6), weil er</p>
<ul>
<li>immer noch sehr verbreitet ist und</li>
<li>ihnen wegen seiner mangelhaften Unterstützung von Webstandards kräftig Mehrarbeit beschert.</li>
</ul>
<p>Manche Darstellungsprobleme lassen sich nur mit zusätzlichem <span lang="en" xml:lang="en">Markup</span> und / oder <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-Hacks etwa mittels <span lang="en" xml:lang="en">Conditional Comments</span> in den Griff bekommen, andere sogar nur mit JavaScript. Ist JavaScript deaktiviert, dann bedarf es einer weiteren Rückfall-Lösung (<span lang="en" xml:lang="en">Fallback</span>-Lösung), damit es nicht zu Zugänglichkeitsproblemen kommt. Hier kann das <abbr title="Cascading Style Sheets" lang="en" xml:lang="en">CSS</abbr>-<span lang="en" xml:lang="en">Framework</span> <a href="http://www.yaml.de/" class="liexternal">YAML</a> punkten, das die meisten <span lang="en" xml:lang="en">Bugs</span> des <span lang="en" xml:lang="en">Internet Explorers</span> abfängt.</p>
<h3><a id="Sicherheitsluecken" name="Sicherheitsluecken"></a>2. Viele und gravierende Sicherheitslücken</h3>
<p>Darüber hinaus ist den Nutzern des <span lang="en" xml:lang="en">Internet Explorers</span> 6 auch unter Sicherheitsaspekten ein <span lang="en" xml:lang="en">Update</span> dieses <span lang="en" xml:lang="en">Browsers</span> oder noch besser Wechsel zu einem anderen modernen <span lang="en" xml:lang="en">Browser</span> dringend zu empfehlen. Als Alternativen kommen beispielsweise in Betracht:</p>
<ul>
<li><a href="http://www.mozilla.org/de/firefox/new/" class="liexternal"><span lang="en" xml:lang="en">Firefox</span></a></li>
<li><a href="http://www.opera.com/browser/?htlanguage=de/" class="liexternal">Opera</a></li>
<li>Flock</li>
<li><a href="http://kmeleon.sourceforge.net/wiki/KMeleonWikiDe" class="liexternal">K-<span lang="en" xml:lang="en">Meleon</span></a></li>
<li><a href="http://www.seamonkey.at/" class="liexternal"><span lang="en" xml:lang="en">Seamonkey</span></a></li>
<li><a href="http://www.apple.com/de/safari/download/" class="liexternal">Safari</a></li>
<li><a href="https://www.google.com/chrome/" class="liexternal"><span lang="en" xml:lang="en">Google Chrome</span></a></li>
</ul>
<p>Aus diesen Gründen sehen auf dieser <span lang="en" xml:lang="en">Website</span> Nutzer des <span lang="en" xml:lang="en">Internet Explorers</span> folgenden Hinweis <span style="text-decoration: line-through;">zu Beginn</span> am Ende jeder Seite:</p>
<blockquote><p><span style="text-decoration: line-through;">Diese Webseite sieht mit einem modernen <span lang="en" xml:lang="en">Browser</span> besser aus. <a href="http://web.oesterchat.com/data/ie/" class="liexternal">Warum solltest Du und wie kannst Du wechseln?</a></span></p>
<div id="ie6" style="border:3px solid #F60;margin:0 0 1em 0;color:#000;background:#fff">
<h4 style="margin:0;padding:.5em 1em 0 1em">Warum solltest Du und wie kannst Du vom <span lang="en" xml:lang="en">Internet Explorer</span> zu einem modernen <span lang="en" xml:lang="en">Browser</span> wechseln?</h4>
<p style="margin:0;padding:.5em 1em">Insbesondere aus <a href="http://www.webseiten-infos.de/sicherheitsluecken-internet-explorer-besonders-gefaehrdet/" >Sicherheitsgründen</a>, aber auch aus anderen <a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" >Gründen</a>, empfehle ich Dir einen anderen Browser als den Internet Explorer zu verwenden. Hier ein paar kostenlose Alternativen: <a href="http://www.mozilla.org/de/firefox/new/" class="liexternal">Firefox</a>, <a href="http://www.opera.com/browser/?htlanguage=de/" class="liexternal">Opera</a>, Flock, <a href="http://kmeleon.sourceforge.net/wiki/KMeleonWikiDe" class="liexternal">K-Meleon</a>, <a href="http://www.seamonkey.at/" class="liexternal">Seamonkey</a>, <a href="http://www.apple.com/de/safari/download/" class="liexternal">Safari</a>, <a href="http://www.google.com/chrome/intl/de/landing_win.html?hl=de&amp;hl=de" class="liexternal">Google Chrome</a></p>
</div>
</blockquote>
<h3><a id="Nutzer" name="Nutzer"></a>3. Wie mit dem <span lang="en" xml:lang="en">Internet Explorer</span> 6 und seinen Nutzern umgehen?</h3>
<p>Aktuell laufen verstärkt Diskussionen im Web, ob</p>
<ul>
<li>der <span lang="en" xml:lang="en">Internet Explorer</span> 6 künftig noch unterstützt werden sollte und gegebenenfalls wie,</li>
<li>Einblendungen auf Webseiten, den <span lang="en" xml:lang="en">Internet Explorer</span> (6) upzudaten oder zu wechseln, sinnvoll sind.</li>
</ul>
<p>Meine persönliche Meinung als jemand, der nicht seinen Lebensunterhalt mit dem Planen, Erstellen und / oder Pflegen von Webseiten verdienen muss, sondern das nur als Hobby betreibt:</p>
<ul>
<li>Solange der <span lang="en" xml:lang="en">Internet Explorer</span> 6 eine zu berücksichtigende Verbreitung hat, die ich für mich persönlich bei einem Anteil von über 1% der Besucher sehe, werde ich diesen Browser auch weiterhin unterstützen. Allerdings werde ich im Sinne einer stufenweisen Verbesserung (eines progressiven <span lang="en" xml:lang="en">Enhancements</span>) Besuchern mit modernen <span lang="en" xml:lang="en">Browsern</span> ein besseres Webdesign bieten können und auch bieten.</li>
<li>Meine <span lang="en" xml:lang="en">Websites</span> <a href="http://www.webseiten-infos.de/" >www.webseiten-infos.de</a> und <a href="http://www.dieter-welzel.de/" class="liexternal">www.dieter-welzel.de</a> enthalten Einblendungen für Nutzer des <span lang="en" xml:lang="en">Internet Explorers</span>, die ihnen empfehlen auf einen modernen <span lang="en" xml:lang="en">Browser</span> zu wechseln. Ich bin mir bewusst, dass das den einen oder anderen Nutzer des <span lang="en" xml:lang="en">Internet Explorers</span> nerven kann. Gleichwohl halte ich das für sinnvoll, damit diese Besucher auf die Probleme durch und mit dem alten <span lang="en" xml:lang="en">Internet Explorer</span> aufmerksam gemacht werden.</li>
</ul>
<h3><a id="Linktipps" name="Linktipps"></a>4. Linktipps</h3>
<p>Hier für interessierte Leser ein paar Links zu diesem Thema, die einen Einblick in die kontroverse Diskussion geben:</p>
<ul>
<li><a href="http://browser-update.org/" title="Startseite von Browser-Update.org" class="liexternal"><span lang="en" xml:lang="en">Browser</span>-<span lang="en" xml:lang="en">Update</span>.org</a> vom 26. März 2009</li>
<li><a href="http://www.highresolution.info/spotlight/entry/hold_on_an_stand_still_das_leben_mit_dem_ie6/" title="Artikel &quot;Hold on and stand still - das Leben mit dem IE6&quot; auf www.highresolution.info" class="liexternal"><span lang="en" xml:lang="en">Hold on and stand still</span> &#8211; das Leben mit dem IE6</a> vom 6. März 2009 (<strong>sehr lesenswert!</strong>)</li>
<li><a href="http://grochtdreis.de/weblog/2009/03/06/microsoft-haelt-den-ie6-am-leben/" title="Blogbeitrag mit dem Titel &quot;Microsoft hält den IE6 am Leben&quot; von Jens Grochtdreis" class="liexternal"><span lang="en" xml:lang="en">Microsoft</span> hält den IE6 am Leben</a> vom 6. März 2009</li>
<li><a href="http://www.einfach-fuer-alle.de/blog/id/2477/" title="Artikel &quot;Browser in Zeiten wie diesen ...&quot; im Accessblog" class="liexternal"><span lang="en" xml:lang="en">Browser</span> in Zeiten wie diesen &#8230;</a> vom 6. März 2009</li>
<li><a href="http://xhtmlforum.de/55895-norwegische-webmaster-gegen-veraltete-browser-13.html" title="Sehr ausführlicher und gut begründeter Forenbeitrag mit dem Titel &quot;Warum ich Anti-IE6-Aktionen befürworte&quot; im XHTML-Forum" class="liexternal">Warum ich Anti-IE6-Aktionen befürworte</a> vom 28. Februar 2009 (<strong>sehr lesenswert!</strong>)</li>
<li><a href="http://www.webzeugkoffer.de/adieu-ie6-schleppende-ablosung/" title="Beitrag mit dem Titel &quot;Adieu IE6. Schleppende Ablösung.&quot; auf www.webzeugkoffer.de" class="liexternal">Adieu IE6. Schleppende Ablösung.</a> vom 26. Februar</li>
<li><a href="http://www.dinofuss.de/2009/02/21/sterbehilfe-fuer-internet-explorer-6/" class="liexternal">Sterbehilfe für <span lang="en" xml:lang="en">Internet Explorer</span> 6</a> vom 21. Februar 2009</li>
<li><a href="http://www.wildbits.de/2009/02/21/zombies-leben-laenger/" class="liexternal">Zombies leben länger</a> vom 21. Februar 2009</li>
<li><a href="http://webstandard.kulando.de/post/2009/02/20/revolte-gegen-den-internet-explorer-6" class="liexternal">Revolte gegen den <span lang="en" xml:lang="en">Internet Explorer</span> 6</a> vom 20. Februar 2009</li>
<li><a href="http://www.rorkvell.de/news/2009/Der_Zombiebrowser" class="liexternal">Der Zombie<span lang="en" xml:lang="en">browser</span></a> vom 20. Februar 2009</li>
<li><span style="text-decoration: line-through;">und wieder der IE6&#8230;</span> vom 20. Februar 2009</li>
<li><a href="http://www.fabianpimminger.com/web-development/tragen-wir-den-ie6-zu-grabe/" class="liexternal">Tragen wir den IE6 zu Grabe!</a> vom 20. Februar 2009</li>
<li><span style="text-decoration: line-through;">Shall we support IE6 or not? &#8211; Die ewig leidige Geschichte mit dem IE6</span> vom 20. Februar 2009</li>
<li><a href="http://grochtdreis.de/weblog/2009/02/20/den-teufelskreis-brechen/" class="liexternal">Den Teufelskreis brechen</a> vom 20. Februar 2009</li>
<li><a href="http://devblog.xing.com/frontend/degradation-without-grace/" class="liexternal"><span lang="en" xml:lang="en">Degradation Without Grace</span></a> vom 20. Februar 2009</li>
<li><a href="http://www.blogrammierer.de/der-kampf-gegen-den-ie6/" class="liexternal">Der Kampf gegen den IE6</a> vom 19. oder 20. Februar 2009</li>
<li><a href="http://xhtmlforum.de/55895-norwegische-webmaster-gegen-veraltete-browser.html" class="liexternal">Finnische <span lang="en" xml:lang="en">Webmaster</span> gegen veraltete <span lang="en" xml:lang="en">Browser</span></a> vom 19. Februar 2009</li>
<li><a href="http://www.golem.de/0902/65405.html" class="liexternal">Der IE6 soll sterben</a> vom 19. Februar 2009</li>
<li><a href="http://www.heise.de/newsticker/meldung/Webmaster-Aufstand-gegen-alte-Internet-Explorer-198590.html" class="liexternal"><span lang="en" xml:lang="en">Webmaster</span>-Aufstand gegen alte <span lang="en" xml:lang="en">Internet Explorer</span></a> vom 19. Februar 2009</li>
<li><a href="http://pisto-magazin.de/artikel/abschied-vom-ie6" class="liexternal">Abschied vom IE6</a> vom 15. Oktober 2008</li>
<li><a href="http://iedeathmarch.org/" class="liexternal">IE <span lang="en" xml:lang="en">Death March</span></a> vom 20. August 2008</li>
</ul>
<hr /><h2>Kommentare</h2><ul><li><a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" >24. Februar 2009</a>, <a href="http://blog.safog.com/2009/02/24/ie6-aufstand-sterbehilfe-und-todesmarsch/" rel='external' class='url'>BlogSchafftWissen - WissenSchaftsBlog</a> schreibt: <strong>IE6: Aufstand, Sterbehilfe und Todesmarsch...</strong>

Wer es leid ist, für lebende Fossilien wie den Microsoft Internet Explorer 6 ständig Workarounds zu bemühen, und sich tagtäglich damit herumzuärgern, selbst für einfachste CSS-Layouts wieder auf Tabellen zurückgreifen zu müssen, dem wird die In...</li><li><a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" >28. März 2009</a>, <a href="http://www.fuenfwerken.com/lab/?p=250" rel='external' class='url'>fuenfwerken lab &raquo; IE 6 Kampagne</a> schreibt: [...] &gt; Warum der Internet Explorer 6 weg muss! [...]</li><li><a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" >24. August 2010</a>, <a href="http://www.bikerfreunde2004.de/" rel='external' class='url'>Raphael</a> schreibt: Gute Gedanken, die mir aus der Seele sprechen. Denn wenn ich zusammenrechne, wie viel Zeit ich für die Adaptionen von Webseiten verschwendet habe, nur damit die IE6 sie auch darstellen kann, dann wird mir schlecht. 

Also habe ich für mich persönlich vor kurzem beschlossen die IE6-Adaptionen einfach nicht mehr zu machen. OK, einige der von mir gemachten Sites sind dann zwar nicht für 100% der Surfer zugänglich, aber was solls. Den Aufwand zahlt mir kein Kunde und wer mit dem IE6 heute noch durchs Web tuckert ist selbst schuld.

Aber wahrscheinlich wird es noch in 10 Jahren immer noch User geben, die ihn verwenden. ;)</li><li><a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" >24. August 2010</a>, <a href="http://www.dieter-welzel.de" rel='external' class='url'>Dieter</a> schreibt: @Raphael
Wenn das HTML-Grundgerüst (Markup) ordentlich ist, dann kannst Du den IE6 und älter auch einfach gar kein CSS geben. Das geht, indem Du konsequent CSS über eigene CSS-Dateien einbindest und diese mittels Conditional Comment vor dem IE6 und älter versteckst. Dann sehen die Webseiten im IE6 und älter zwar bescheiden aus, aber sind trotzdem zugänglich.

Das werde ich übrigens beim Relaunch meiner beiden weiteren Websites jurafernstudium.de und dieter-welzel.de so machen. :-)</li><li><a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/" >29. November 2011</a>, <a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/" rel='external' class='url'>Hinweis zum Internet Explorer bei WordPress | Webseiten-Infos.de</a> schreibt: [...] habe ich auch bereits in dem Blogbeitrag &#8220;Warum der Internet Explorer 6 weg muss!&#8221; [...]</li></ul><hr /><h2>&Auml;hnliche Beitr&auml;ge</h2><ul><li><a href="http://www.webseiten-infos.de/bsi-warnt-vor-internet-explorer/" rel="bookmark" title="Permanent Link: BSI warnt vor Internet Explorer">BSI warnt vor Internet Explorer</a></li><li><a href="http://www.webseiten-infos.de/sicherheitsluecken-internet-explorer-besonders-gefaehrdet/" rel="bookmark" title="Permanent Link: Sicherheitslücken: Internet Explorer besonders gefährdet">Sicherheitslücken: Internet Explorer besonders gefährdet</a></li><li><a href="http://www.webseiten-infos.de/hinweis-zum-internet-explorer-bei-wordpress/" rel="bookmark" title="Permanent Link: Hinweis zum Internet Explorer bei WordPress">Hinweis zum Internet Explorer bei WordPress</a></li><li><a href="http://www.webseiten-infos.de/sicherheitslucke-war-lange-bekannt/" rel="bookmark" title="Permanent Link: Sicherheitslücke war lange bekannt">Sicherheitslücke war lange bekannt</a></li><li><a href="http://www.webseiten-infos.de/internet-explorer-8-ist-veroeffentlicht/" rel="bookmark" title="Permanent Link: Der Internet Explorer 8 ist veröffentlicht">Der Internet Explorer 8 ist veröffentlicht</a></li></ul><hr /><small>Copyright &copy; 2010 <a href="http://www.webseiten-infos.de/" >Dieter Welzel</a><br />Dieser Feed ist nur f&uuml;r den pers&ouml;nlichen, nicht gewerblichen Gebrauch bestimmt.<br />Eine Verwendung dieses Feeds auf anderen Webseiten verst&ouml;&szlig;t gegen das Urheberrecht. Wenn Sie diesen Inhalt nicht in Ihrem News-Reader lesen, so macht sich die Seite, die Sie betrachten, der Urheberrechtsverletzung schuldig. (digitalfingerprint: bbd2a4c375bd3a68829f8cc22c8ac04d (38.107.179.231) )</small><hr /><p><small><a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/">Permalink</a> |
<a href="http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/#comments">5 Kommentare</a> |
Seite speichern bei <a href="http://twitter.com/home?status=http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/">Twitter</a> | <a href="http://www.mister-wong.de/addurl/?bm_url=http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/&&bm_description=Warum der Internet Explorer 6 weg muss!&&bm_tags=Conditional Comments, Internet Explorer 6, JavaScript, progressives Enhancement, Sicherheitslücken, Webstandards&plugin=soc">Mister Wong</a> | <a href="http://del.icio.us/post?url=http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/&title=Warum der Internet Explorer 6 weg muss!">del.icio.us</a> | <a href="http://yigg.de/neu?exturl=http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/&exttitle=Warum der Internet Explorer 6 weg muss!">Y!GG</a> | <a href="http://technorati.com/faves?add=http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/>Technorati</a> | <a href="http://linkarena.com/bookmarks/addlink/?url=http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/&title=Warum der Internet Explorer 6 weg muss!>Linkarena</a><br/>
Schlagwörter: <a href="http://www.webseiten-infos.de/tag/conditional-comments/" rel="tag">Conditional Comments</a>, <a href="http://www.webseiten-infos.de/tag/internet-explorer-6/" rel="tag">Internet Explorer 6</a>, <a href="http://www.webseiten-infos.de/tag/javascript/" rel="tag">JavaScript</a>, <a href="http://www.webseiten-infos.de/tag/progressives-enhancement/" rel="tag">progressives Enhancement</a>, <a href="http://www.webseiten-infos.de/tag/sicherheitsluecken/" rel="tag">Sicherheitslücken</a>, <a href="http://www.webseiten-infos.de/tag/webstandards/" rel="tag">Webstandards</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.webseiten-infos.de/warum-der-internet-explorer-6-weg-muss/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

