<?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>this is the personal weblog of Andy Widodo &#187; XHTML</title>
	<atom:link href="http://playgroundpilot.com/archives/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://playgroundpilot.com</link>
	<description>Hi I&#039;m Andy</description>
	<lastBuildDate>Wed, 02 Jun 2010 18:32:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Project: docunit</title>
		<link>http://playgroundpilot.com/archives/2007/project-docunit/</link>
		<comments>http://playgroundpilot.com/archives/2007/project-docunit/#comments</comments>
		<pubDate>Mon, 25 Jun 2007 14:50:41 +0000</pubDate>
		<dc:creator>andy</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[docunit]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://playgroundpilot.com/journal/archives/2007/project-docunit/</guid>
		<description><![CDATA[After working for about three weeks and made some amendments, finally my latest personal project is done. In this project I&#8217;m working with telio, a Belgium based firm, the project itself is about creating an user interface for their web-based applications called Docunit, which consists of docunit-edm, docunit-pdf, docunit-image, and docunit-search.

Here, I&#8217;m working as user [...]]]></description>
			<content:encoded><![CDATA[<p>After working for about three weeks and made some amendments, finally my latest personal project is done. In this project I&#8217;m working with <a href="http://www.telio.be">telio</a>, a Belgium based firm, the project itself is about creating an user interface for their web-based applications called Docunit, which consists of docunit-edm, docunit-pdf, docunit-image, and docunit-search.<span id="more-114"></span></p>
<p style="text-align: center"><img id="image113" class="imgpost" src="http://playgroundpilot.com/wp-content/uploads/2007/06/docunit.jpg" alt="docunit" width="450" height="260" /></p>
<p>Here, I&#8217;m working as user interface designer, creating the user interface for the applications. Tools used are : (X)HTML, CSS, and DHTML.</p>
]]></content:encoded>
			<wfw:commentRss>http://playgroundpilot.com/archives/2007/project-docunit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>100% DIV width</title>
		<link>http://playgroundpilot.com/archives/2007/100-div-width/</link>
		<comments>http://playgroundpilot.com/archives/2007/100-div-width/#comments</comments>
		<pubDate>Thu, 24 May 2007 19:33:35 +0000</pubDate>
		<dc:creator>andy</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://playgroundpilot.com/journal/archives/2007/100-div-width/</guid>
		<description><![CDATA[Baru-baru ini ada sedikit masalah di salah satu kerjaan gw, gw mau buat container dengan width 100%, dimana container itu langsung di bawah tag body. CSS yang gw pake pertama kali adalah :

#main_container {
margin:0px auto;
padding:0;
width:100%;
}

Di IE berjalan dengan baik, tapi ngga di FF. Nah, cara mengatasinya :

#main_container {
margin:0px auto;
padding:0;
width:100%;
background:#fff repeat;
position: absolute;
left: 0;
right: 0;
top: 0px;
}

Browser tertentu [...]]]></description>
			<content:encoded><![CDATA[<p>Baru-baru ini ada sedikit masalah di salah satu kerjaan gw, gw mau buat container dengan width 100%, dimana container itu langsung di bawah tag <code>body</code>. <acronym title="Cascading Style Sheets">CSS</acronym> yang gw pake pertama kali adalah :</p>
<ol class="code">
<li class="t0">#main_container {</li>
<li class="t0">margin:0px auto;</li>
<li class="t0">padding:0;</li>
<li class="t0">width:100%;</li>
<li class="t0">}</li>
</ol>
<p>Di <acronym title="Internet Explorer">IE</acronym> berjalan dengan baik, tapi ngga di <acronym title="Mozilla Firefox">FF</acronym>. Nah, cara mengatasinya :</p>
<ol class="code">
<li class="t0">#main_container {</li>
<li class="t0">margin:0px auto;</li>
<li class="t0">padding:0;</li>
<li class="t0">width:100%;</li>
<li class="t0">background:#fff repeat;</li>
<li class="t0">position: absolute;</li>
<li class="t0">left: 0;</li>
<li class="t0">right: 0;</li>
<li class="t0">top: 0px;</li>
<li class="t0">}</li>
</ol>
<p>Browser tertentu memakai keempat koordinat untuk menghitung lebar dan tinggi dari element yang diposisikan secara absolut. Lebih lanjut baca <a title="http://www.w3.org/TR/CSS21/visudet.html#x5" href="http://www.w3.org/TR/CSS21/visudet.html#x5">disini</a>.<span class="me" style="font-family: verdana; color: #000000; font-size: x-small;"><br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://playgroundpilot.com/archives/2007/100-div-width/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
