<?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>UC&#039;s Corner &#187; css</title>
	<atom:link href="http://yussi.nl/index.php/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://yussi.nl</link>
	<description>Yussi Ariefiyono</description>
	<lastBuildDate>Fri, 25 Jun 2010 12:57:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>z index in IE 6</title>
		<link>http://yussi.nl/index.php/z-index-in-ie-6.html</link>
		<comments>http://yussi.nl/index.php/z-index-in-ie-6.html#comments</comments>
		<pubDate>Tue, 11 Aug 2009 12:24:00 +0000</pubDate>
		<dc:creator>yussi ariefiyono</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[z-index]]></category>

		<guid isPermaLink="false">/post/z-index-in-IE-6.aspx</guid>
		<description><![CDATA[
problem:
overlap div in IE6, z index is not working correctly in IE6


solution:



put the relative position in &#34;wrapper&#34; div
for the overlaped div, put on absolute positions 


css code example:
#wrapper{ position: relative; }
#box1 { position: absolute; top: 150px; left:60px;width: 200px; height: 200px; background-color: yellow; z-index: 20; }
#box2 {position: absolute; top: 100px; left: 0px;width: 200px; height: 200px; background-color: <a href="http://yussi.nl/index.php/z-index-in-ie-6.html" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p>
<strong>problem:</strong><br />
overlap div in IE6, z index is not working correctly in IE6
</p>
<p>
<strong>solution:<br />
</strong>
</p>
<ol>
<li>put the relative position in &quot;wrapper&quot; div</li>
<li>for the overlaped div, put on absolute positions </li>
</ol>
<p>
<u>css code example:</u><br />
<em>#wrapper{ position: relative; }<br />
#box1 { position: absolute; top: 150px; left:60px;width: 200px; height: 200px; background-color: yellow; z-index: 20; }<br />
#box2 {position: absolute; top: 100px; left: 0px;width: 200px; height: 200px; background-color: lime; z-index: 10; }</em>
</p>
<p>
<u>html code example:</u><br />
<em>&lt;div id=&quot;wrapper&quot;&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;div id=&quot;box1&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; This box should be on top&lt;/p&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;div id=&quot;box2&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; box 2&lt;/p&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br />
&lt;/div&gt;<br />
</em></p>
]]></content:encoded>
			<wfw:commentRss>http://yussi.nl/index.php/z-index-in-ie-6.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>asp:menu on SAFARI</title>
		<link>http://yussi.nl/index.php/aspmenu-on-safari.html</link>
		<comments>http://yussi.nl/index.php/aspmenu-on-safari.html#comments</comments>
		<pubDate>Wed, 02 Jul 2008 12:34:00 +0000</pubDate>
		<dc:creator>yussi ariefiyono</dc:creator>
				<category><![CDATA[asp.net]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">/post/aspmenu-on-SAFARI.aspx</guid>
		<description><![CDATA[
Problem:
dropdown menu /styling within the menu is not applied completely


&#160;


Solution:
&#160;&#160;&#160;&#160;&#160;&#160;&#160; if (Request.UserAgent.IndexOf(&#34;AppleWebKit&#34;) &#62; 0)
&#160;&#160;&#160;&#160;&#160;&#160;&#160; {
&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; Request.Browser.Adapters.Clear();
&#160;&#160;&#160;&#160;&#160;&#160;&#160; }
]]></description>
			<content:encoded><![CDATA[<p>
Problem:<br />
dropdown menu /styling within the menu is not applied completely
</p>
<p>
&nbsp;
</p>
<p>
Solution:<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (Request.UserAgent.IndexOf(&quot;AppleWebKit&quot;) &gt; 0)<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Request.Browser.Adapters.Clear();</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</p>
]]></content:encoded>
			<wfw:commentRss>http://yussi.nl/index.php/aspmenu-on-safari.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS hack list</title>
		<link>http://yussi.nl/index.php/css-hack-list.html</link>
		<comments>http://yussi.nl/index.php/css-hack-list.html#comments</comments>
		<pubDate>Fri, 16 May 2008 11:05:00 +0000</pubDate>
		<dc:creator>yussi ariefiyono</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">/post/CSS-hack-list.aspx</guid>
		<description><![CDATA[well these hacks actually really work, i tested it myself.&#160;
For one CSS file:&#160;

/*IE7 HACKS*/		html &#62; body #ie7 {background-color:#f00;}	
/*IE6 HACKS*/		* html #ie6 {background-color:#0f0;}
/*IE HACKS*/		#ie6 {background-color:#00f;}
&#62;FF1.0		#hackme, x:-moz-any-link {styles for Firefox 1.0 here}#hackme, x:-moz-any-link, x:only-child {restore normal styles for newer versions}
&#62;FF2.0		#hackme, x:-moz-any-link {styles for Firefox 2.0 here}		#hackme, x:-moz-any-link, x:default {restore styles for Firefox 3.0 and newer}		

For seperate Css <a href="http://yussi.nl/index.php/css-hack-list.html" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p>well these hacks actually really work, i tested it myself.&nbsp;</p>
<p>For one CSS file:&nbsp;</p>
<ol>
<li>/*IE7 HACKS*/<br />		html &gt; body #ie7 {background-color:#f00;}	</li>
<li>/*IE6 HACKS*/<br />		* html #ie6 {background-color:#0f0;}</li>
<li>/*IE HACKS*/<br />		#ie6 {background-color:#00f;}</li>
<li>&gt;FF1.0<code></code><br />		#hackme, x:-moz-any-link {styles for Firefox 1.0 here}<code>#hackme, x:-moz-any-link, x:only-child {restore normal styles for newer versions}</code><code></code></li>
<li>&gt;FF2.0<br />		<code>#hackme, x:-moz-any-link {styles for Firefox 2.0 here}</code><code><br />		#hackme, x:-moz-any-link, x:default {restore styles for Firefox 3.0 and newer}</code>		</li>
</ol>
<p>For seperate Css files:</p>
<ol>
<li>For IE:<br />		&lt;!&#8211;[if IE]&gt;<br />		&lt;link rel=&quot;stylesheet&quot; href=&quot;ie7.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;<code><br />		&lt;![endif]--&gt;</code>
<p>		&nbsp;		</p>
</li>
<li>
<div align="left">			</div>
<div align="left">		Non IE:<br />		<code>	&lt;!--[if !IE]&gt;--&gt;</code><br />		<code>	&lt;link rel=&quot;stylesheet&quot; href=&quot;default.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;</code><br />		<code>	&lt;!--&lt;![endif]--&gt;</code> 		</div>
<pre>							</pre>
</li>
</ol>
<p>List from friends:<br />1. Thomas ( thank &nbsp;man <img src='http://yussi.nl/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> )</p>
<p><span class="Apple-style-span" style="border-collapse: collapse; font-family: verdana">getting transparent div backgrounds working in all browsers</span></p>
<p><span class="Apple-style-span" style="border-collapse: collapse; font-family: verdana">* html #overlay{<br />background-color: #333;<br />back\ground-color: transparent;<br />background-image: url(img/blank.gif);<br />filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src=&quot;img/overlay.png&quot;, sizingMethod=&quot;scale&quot;);<br /></span>
<p><span class="Apple-style-span" style="border-collapse: collapse; font-family: verdana"></span><span class="Apple-style-span" style="border-collapse: collapse; font-family: verdana">}</span>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>list of resource:</p>
<ol>
<li>http://www.puidokas.com/efficient-conditional-comments/</li>
<li>http://pornel.net/firefoxhack</li>
<li>http://www.webdevout.net/css-hacks#unrecommended-body_empty		</li>
</ol>
<p>i will update the list if i found one <img src='http://yussi.nl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . any help for updating would be nice</p>
]]></content:encoded>
			<wfw:commentRss>http://yussi.nl/index.php/css-hack-list.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
