<?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>digitalRenewal &#187; css positioning</title>
	<atom:link href="http://digitalrenewal.com/tag/css-positioning/feed" rel="self" type="application/rss+xml" />
	<link>http://digitalrenewal.com</link>
	<description>like a breath of fresh air</description>
	<lastBuildDate>Mon, 09 Apr 2012 15:47:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS Positioning</title>
		<link>http://digitalrenewal.com/css-positioning</link>
		<comments>http://digitalrenewal.com/css-positioning#comments</comments>
		<pubDate>Thu, 31 Dec 2009 20:50:57 +0000</pubDate>
		<dc:creator>Trisha</dc:creator>
				<category><![CDATA[Web Design Tutorials]]></category>
		<category><![CDATA[css codes]]></category>
		<category><![CDATA[css examples]]></category>
		<category><![CDATA[css positioning]]></category>
		<category><![CDATA[css tutorial]]></category>

		<guid isPermaLink="false">http://digitalrenewal.com/?p=670</guid>
		<description><![CDATA[I read about a CSS Trick where you move the menu code down past the content, while keeping the menu at the top of the page. This can help with your site&#8217;s Search Engine Optimization, giving the spiders relevant content and keywords first on your page, while still providing good navigation for your readers. Its]]></description>
			<content:encoded><![CDATA[<p>I read about a CSS Trick where you move the menu <em>code</em> down past the content, while keeping the menu at the top of the page. This can help with your site&#8217;s Search Engine Optimization, giving the spiders relevant content and keywords first on your page, while still providing good navigation for your readers.<span id="more-670"></span></p>
<p>Its done with positioning in CSS. I never really did FULLY understand positioning in CSS. I was working on my <a href="http://drlab.digitalrenewal.com/SEOtheme/">SEOd like Crazy Theme for WordPress</a> where I wanted to use this trick, and had to get to learning&#8230; BarelyFitz made a neat tutorial to <a href="http://www.barelyfitz.com/screencast/html-training/css/positioning/">learn CSS Positioning</a> that helped me figure it out.</p>
<p><a rel="attachment wp-att-671" href="http://digitalrenewal.com/css-positioning/postit-csspositioning"><img class="size-full wp-image-671 alignright colorbox-670" title="postit-csspositioning" src="http://digitalrenewal.com/wp-content/uploads/postit-csspositioning.png" alt="" width="312" height="342" /></a></p>
<p>I knew to set my positioning on the menu to absolute, but was running into a problem: My layout was a fixed width, centered on the page.  The menu needed to stay inside my layout, not just stick to the top right of the page&#8230; Different screen resolutions will throw this layout completely out of whack&#8230; such a long explanation for such an easy fix!</p>
<p>Put the menu div inside another div (in this case my page wrapper) and set the wrappers position to relative.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalrenewal.com/css-positioning/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

