<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Kommentare zu: Frontendentwicklung ist facettenreich</title>
	<atom:link href="http://grochtdreis.de/weblog/2009/04/30/frontendentwicklung-ist-facettenreich/feed/" rel="self" type="application/rss+xml" />
	<link>http://grochtdreis.de/weblog/2009/04/30/frontendentwicklung-ist-facettenreich/</link>
	<description>Weblog über Webstandards, das Internet und vieles mehr.</description>
	<lastBuildDate>Fri, 13 Aug 2010 13:59:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Von: Ingo Chao</title>
		<link>http://grochtdreis.de/weblog/2009/04/30/frontendentwicklung-ist-facettenreich/comment-page-1/#comment-265299</link>
		<dc:creator>Ingo Chao</dc:creator>
		<pubDate>Thu, 30 Apr 2009 09:39:55 +0000</pubDate>
		<guid isPermaLink="false">http://grochtdreis.de/weblog/?p=472#comment-265299</guid>
		<description>Aufarbeitung: Prinzipiell so, wie Corina und ich es in unserem Buch beschrieben haben. http://tinyurl.com/c2q2sy
Das eigentliche Problem ist Firefox 2 und nicht der IE.

Fx2 ben&#246;tigt drei Wrapper: Auf dem &#228;u&#223;eren steht display: -moz-inline-stack (was dann f&#252;r normale Browser von inline-block &#252;berschrieben wird), auf dem mittleren ist display:table, auf dem inneren sind dann width: xyz und position:relative. 

Der Grund hierf&#252;r ist die fehlende Stabilit&#228;t, wenn man ohne den mittleren und inneren Wrapper arbeitet. Die bekannten Artikel mit Workarounds f&#252;r Fx2 sind nicht ernsthaft auf Production einsetzbar, weil sie unzureichend getestet wurden mit wirklich variablen (=unbekanntem) Content. 

Da die anderen Browser position und width auf dem &#228;u&#223;eren Wrapper erwarten, muss man diese Werte leider f&#252;r Fx2 auf den inneren Wrapper &#252;bertragen, d.h. es ist ein gemischter Hack auf der Pr&#228;sentations- und strukturellen Ebene. Wenn man so will, Divitis (was das JS f&#252;r drag&amp;drop nicht gerade einfacher macht).

Und IE &lt; 8 will statt display:inline-block bekanntlich zoom: 1 + display:inline, bei uns per Conditional Comment.

Das Hauptaugenmerk sollte man vielleicht nicht auf das Wie setzen, sondern auf die Tatsache an sich, dass man zeitkritisches JS in einigen F&#228;llen per CSS optimieren kann, wenn JSler+CSSler ihre K&#246;pfe zusammenstecken.</description>
		<content:encoded><![CDATA[<p>Aufarbeitung: Prinzipiell so, wie Corina und ich es in unserem Buch beschrieben haben. <a href="http://tinyurl.com/c2q2sy" rel="nofollow"></a><a href='http://tinyurl.com/c2q2sy'>http://tinyurl.com/c2q2sy</a><br />
Das eigentliche Problem ist Firefox 2 und nicht der IE.</p>
<p>Fx2 ben&#246;tigt drei Wrapper: Auf dem &#228;u&#223;eren steht display: -moz-inline-stack (was dann f&#252;r normale Browser von inline-block &#252;berschrieben wird), auf dem mittleren ist display:table, auf dem inneren sind dann width: xyz und position:relative. </p>
<p>Der Grund hierf&#252;r ist die fehlende Stabilit&#228;t, wenn man ohne den mittleren und inneren Wrapper arbeitet. Die bekannten Artikel mit Workarounds f&#252;r Fx2 sind nicht ernsthaft auf Production einsetzbar, weil sie unzureichend getestet wurden mit wirklich variablen (=unbekanntem) Content. </p>
<p>Da die anderen Browser position und width auf dem &#228;u&#223;eren Wrapper erwarten, muss man diese Werte leider f&#252;r Fx2 auf den inneren Wrapper &#252;bertragen, d.h. es ist ein gemischter Hack auf der Pr&#228;sentations- und strukturellen Ebene. Wenn man so will, Divitis (was das JS f&#252;r drag&amp;drop nicht gerade einfacher macht).</p>
<p>Und IE &lt; 8 will statt display:inline-block bekanntlich zoom: 1 + display:inline, bei uns per Conditional Comment.</p>
<p>Das Hauptaugenmerk sollte man vielleicht nicht auf das Wie setzen, sondern auf die Tatsache an sich, dass man zeitkritisches JS in einigen F&#228;llen per CSS optimieren kann, wenn JSler+CSSler ihre K&#246;pfe zusammenstecken.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
