<?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>Codegrad &#187; tableless web page layout</title>
	<atom:link href="http://codegrad.hub.ph/tag/tableless-web-page-layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://codegrad.hub.ph</link>
	<description></description>
	<lastBuildDate>Wed, 08 Feb 2012 23:32:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Forcing the master block element of a centered fixed-width layout to vertically expand</title>
		<link>http://codegrad.hub.ph/forcing-the-wrap-division-of-a-centered-fixed-width-layout-to-vertically-expand/</link>
		<comments>http://codegrad.hub.ph/forcing-the-wrap-division-of-a-centered-fixed-width-layout-to-vertically-expand/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 13:53:25 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[cross browser compatibility]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=690</guid>
		<description><![CDATA[When creating a fixed width layout using auto margin, the master block element that contains all the other block element tends to shrink its height to zero as viewed in Firefox, Safari and Chrome, but not in Internet Explorer. A single line of code can force the master block element to expand like how it appears on non-centered fixed layout.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/forcing-the-wrap-division-of-a-centered-fixed-width-layout-to-vertically-expand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Margin and padding of block elements</title>
		<link>http://codegrad.hub.ph/margin-and-padding-of-block-elements/</link>
		<comments>http://codegrad.hub.ph/margin-and-padding-of-block-elements/#comments</comments>
		<pubDate>Sat, 27 Dec 2008 00:45:52 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[Hypertext Mark-up Language]]></category>
		<category><![CDATA[block elements]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[margin]]></category>
		<category><![CDATA[padding]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=27</guid>
		<description><![CDATA[Margin and padding are two important attributes that are useful in providing appropriate spacing between HTML elements. In particular, they are useful in rendering proper spacing among block elements in a pure CSS layout. The difference between margin and padding and how they render to block elements will be discussed in this article.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/margin-and-padding-of-block-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fixed-width two-column CSS layout</title>
		<link>http://codegrad.hub.ph/fixed-width-two-column-css-layout/</link>
		<comments>http://codegrad.hub.ph/fixed-width-two-column-css-layout/#comments</comments>
		<pubDate>Sat, 06 Dec 2008 01:22:51 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[fixed width webpage]]></category>
		<category><![CDATA[tableless web page layout]]></category>
		<category><![CDATA[two column website]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=40</guid>
		<description><![CDATA[Design a simple website with two columns (content and side menu), a header and a footer. The width is fixed but it can expand downward to accommodate more content.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/fixed-width-two-column-css-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centering a fixed-width webpage using absolute position</title>
		<link>http://codegrad.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/</link>
		<comments>http://codegrad.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 01:36:44 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[centering webpage]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=56</guid>
		<description><![CDATA[A method of centering a fixed-width webpage that uses absolute position attribute to determine the exact coordinates of the outermost block element. You can center a webpage horizontally, vertically or both.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centering a fixed-width webpage using auto margin</title>
		<link>http://codegrad.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/</link>
		<comments>http://codegrad.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/#comments</comments>
		<pubDate>Fri, 07 Nov 2008 01:35:44 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[centering webpage]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=54</guid>
		<description><![CDATA[One way of centering all the elements of a webpage in a fix-width layout is by setting the margin of the outermost block element to some value and auto. Without this configuration, the default setting for most browsers is to flush all elements to the left. Note that there is no such thing as float:center; and the text-align:center; does not work in divisions.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designing a simple website layout using CSS</title>
		<link>http://codegrad.hub.ph/designing-a-simple-website-layout-using-css/</link>
		<comments>http://codegrad.hub.ph/designing-a-simple-website-layout-using-css/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 01:27:04 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=44</guid>
		<description><![CDATA[This article explains how to design a simple website with two columns (content and side menu), header and footer. The dimensions are fixed. Even though it is unlikely that anyone will develop a website with such a rigid layout, this article serves as a prerequisite to all website layout tutorials. ]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/designing-a-simple-website-layout-using-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Why use CSS in layouting a website instead of tables</title>
		<link>http://codegrad.hub.ph/why-use-css-in-layouting-a-website-instead-of-tables/</link>
		<comments>http://codegrad.hub.ph/why-use-css-in-layouting-a-website-instead-of-tables/#comments</comments>
		<pubDate>Fri, 10 Oct 2008 23:33:54 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=13</guid>
		<description><![CDATA[CSS layout is superior to table layout for two reasons: first, webpages with CSS layout have greater chance of reaching the top of search engine results than table layout and second, CSS layout enables the webpages across the same website to have consistent appearance and format without the need to edit the pages one by one.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/why-use-css-in-layouting-a-website-instead-of-tables/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

