<?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>Experimental Space &#187; CSS</title>
	<atom:link href="http://www.experimentalspace.com/index.php/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.experimentalspace.com</link>
	<description>Trying out new things, technical and crafty!</description>
	<lastBuildDate>Tue, 02 Feb 2010 16:58:14 +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>CSS : IE and FireFox inconsistancies &#8230;or any browser for that matter</title>
		<link>http://www.experimentalspace.com/index.php/2007/08/css-ie-and-firefox-inconsistancies-or-any-browser-for-that-matter/</link>
		<comments>http://www.experimentalspace.com/index.php/2007/08/css-ie-and-firefox-inconsistancies-or-any-browser-for-that-matter/#comments</comments>
		<pubDate>Tue, 07 Aug 2007 16:10:49 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.experimentalspace.com/index.php/2007/08/07/css-ie-and-firefox-inconsistancies-or-any-browser-for-that-matter/</guid>
		<description><![CDATA[In a life where every browser renders the same way you don&#8217;t need to worry about cross browser compatibility, but until that time maybe some hints and tips will help you out (and me when I forget and have to search again!)
I&#8217;ll be adding to this list as I find more irritating cross-browser compatibilities&#8230;
Display your [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2007/08/css-ie-and-firefox-inconsistancies-or-any-browser-for-that-matter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pure CSS Menu : Two tiered css menu &#8230; three tiered css menu &#8230; however you like it!</title>
		<link>http://www.experimentalspace.com/index.php/2007/08/pure-css-menu-two-tiered-css-menu-three-tiered-css-menu-however-you-like-it/</link>
		<comments>http://www.experimentalspace.com/index.php/2007/08/pure-css-menu-two-tiered-css-menu-three-tiered-css-menu-however-you-like-it/#comments</comments>
		<pubDate>Tue, 07 Aug 2007 14:53:51 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.experimentalspace.com/index.php/2007/08/07/pure-css-menu-two-tiered-css-menu-three-tiered-css-menu-however-you-like-it/</guid>
		<description><![CDATA[Want a css menu for your website? (See here for an example)
Firstly, get this file: csshover.htc
In your stylesheet add:

BODY {
     behavior: url(/csshover.htc);
}

Ok, so now you&#8217;ll have the css hover capabilities pulled into your website. Next for the menu code itself&#8230;
I&#8217;m sure you&#8217;ll find that some of this code can be reduced [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2007/08/pure-css-menu-two-tiered-css-menu-three-tiered-css-menu-however-you-like-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Practice CSS</title>
		<link>http://www.experimentalspace.com/index.php/2007/06/best-practice-css/</link>
		<comments>http://www.experimentalspace.com/index.php/2007/06/best-practice-css/#comments</comments>
		<pubDate>Tue, 19 Jun 2007 16:20:30 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.experimentalspace.com/index.php/2007/06/19/best-practice-css/</guid>
		<description><![CDATA[The below is a guide that I follow and I believe it&#8217;s great for maintaining best practice CSS. I&#8217;d be interested to hear of your best practices as I&#8217;m certainly not claiming to know the one and only way!
CSS Stylesheet Layout
Keeping classes and idâ€™s in a particular order will quicken development between multiple developers and [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2007/06/best-practice-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS : Difference between # and . (ID&#8217;s and classes)</title>
		<link>http://www.experimentalspace.com/index.php/2006/09/css-difference-between-and-ids-and-classes/</link>
		<comments>http://www.experimentalspace.com/index.php/2006/09/css-difference-between-and-ids-and-classes/#comments</comments>
		<pubDate>Fri, 29 Sep 2006 17:12:00 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://temp.experimentalspace.com/?p=21</guid>
		<description><![CDATA[# represents an id ( #content)
. represents a class ( .highlight_text)
ID&#8217;s are a unique identifier and as such can only be used once per page. Use these to define the main structure of your site. The # symbol is used to declare your ID styles.
Classes can be used an unlimited amount of times within a [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2006/09/css-difference-between-and-ids-and-classes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS : Center your page (The better way)</title>
		<link>http://www.experimentalspace.com/index.php/2006/09/css-center-your-page-the-better-way/</link>
		<comments>http://www.experimentalspace.com/index.php/2006/09/css-center-your-page-the-better-way/#comments</comments>
		<pubDate>Fri, 29 Sep 2006 14:39:00 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://temp.experimentalspace.com/?p=20</guid>
		<description><![CDATA[I previously had a post showing how to completely center a page, which works, however if the browser becomes too narrow then the page&#8217;s far left side becomes hidden as the center of the page continues to take precedence. (Also the previous post would explain how to also center vertically as WELL as horizontally)
Use this [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2006/09/css-center-your-page-the-better-way/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: Three Column Layout ( with duplicated rows)</title>
		<link>http://www.experimentalspace.com/index.php/2006/09/css-three-column-layout-with-duplicated-rows/</link>
		<comments>http://www.experimentalspace.com/index.php/2006/09/css-three-column-layout-with-duplicated-rows/#comments</comments>
		<pubDate>Thu, 28 Sep 2006 17:49:00 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://temp.experimentalspace.com/?p=19</guid>
		<description><![CDATA[
Sometimes you&#8217;ll need to display data in rows which also align vertically. (See the example).
For this it is best to create a div for your row holder with individual divs to set the column constraints.
[div class='row']
[div class='cell']Column 1[/div]
[div class='cell']Column 2[/div]
[div class='cell']Column 3[/div]
[/div]
And within the stylesheet:
.row {
clear:both;
}
.cell {
float:left;
width:100px;
}
Duplicate the row div and you will have equal [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2006/09/css-three-column-layout-with-duplicated-rows/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS : Expanding frame using css with graphics</title>
		<link>http://www.experimentalspace.com/index.php/2006/07/expanding-frame-using-css-with-graphics/</link>
		<comments>http://www.experimentalspace.com/index.php/2006/07/expanding-frame-using-css-with-graphics/#comments</comments>
		<pubDate>Wed, 05 Jul 2006 11:31:00 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://temp.experimentalspace.com/?p=15</guid>
		<description><![CDATA[View the example here
This example is originally based off of the &#8216;Flexible CSS Teaser Box&#8217; by 456 Bereastreet.
I have modified it to use four different corner images and four expandable side images.
The site&#8217;s frame can stretch indefinitely vertically and horizontally whereas the original had width restrictions of 1600 pixels. I do agree, however, that most [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2006/07/expanding-frame-using-css-with-graphics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS : Stretch sidebar full height of the page</title>
		<link>http://www.experimentalspace.com/index.php/2006/07/stretch-sidebar-full-height-of-the-page/</link>
		<comments>http://www.experimentalspace.com/index.php/2006/07/stretch-sidebar-full-height-of-the-page/#comments</comments>
		<pubDate>Mon, 03 Jul 2006 21:57:00 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://temp.experimentalspace.com/?p=12</guid>
		<description><![CDATA[One of the first things I needed to figure out is how to have the sidebar colour or pattern stretch to line up with the length of the content. I&#8217;ve found the best way to do this is to initially create a background image showing a segment of the width of your site like this:
(This [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2006/07/stretch-sidebar-full-height-of-the-page/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Quick Code: Complete Centering of a Page</title>
		<link>http://www.experimentalspace.com/index.php/2005/07/quick-code-complete-centering-of-a-page/</link>
		<comments>http://www.experimentalspace.com/index.php/2005/07/quick-code-complete-centering-of-a-page/#comments</comments>
		<pubDate>Thu, 14 Jul 2005 13:33:00 +0000</pubDate>
		<dc:creator>Lacuna</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://temp.experimentalspace.com/?p=9</guid>
		<description><![CDATA[The following code will completly center your page.
#horizon
{
color: white;
background-color: #0ff;
text-align: center;
position: absolute;
top: 50%; /* positioned absolutely 50% from the top */
left: 0px;
width: 100%; /* 100% wide */
height: 1px; /* nominal height of 1px */
overflow: visible; /* overflow is set to &#8216;visible&#8217; */
visibility: visible;
display: block
}
#content
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #f00;
margin-left: -125px; /* negative margin that is [...]]]></description>
		<wfw:commentRss>http://www.experimentalspace.com/index.php/2005/07/quick-code-complete-centering-of-a-page/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
