<?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>And Slaters Go Plop &#187; div</title>
	<atom:link href="http://damian.peterson.net.nz/tag/div/feed/" rel="self" type="application/rss+xml" />
	<link>http://damian.peterson.net.nz</link>
	<description>The Bloggery of Damian Peterson</description>
	<lastBuildDate>Thu, 03 Nov 2011 02:39:47 +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>Scrollable Divs</title>
		<link>http://damian.peterson.net.nz/2008/01/11/scrollable-divs/</link>
		<comments>http://damian.peterson.net.nz/2008/01/11/scrollable-divs/#comments</comments>
		<pubDate>Thu, 10 Jan 2008 19:01:21 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[scrolling]]></category>

		<guid isPermaLink="false">http://damian.peterson.net.nz/2008/01/11/scrollable-divs/</guid>
		<description><![CDATA[I&#8217;ve been HTML-ing and CSS-ing for years now and had never come across this before: To make the content within a div tag (or any other block tag) scrollable all you need to do is fix the width and/or height and add overflow:scroll; to the style for the tag. You can also set individual scrollbars [...]]]></description>
			<content:encoded><![CDATA[<p style="overflow-y: scroll; overflow-x: hidden; width: 400px; height: 300px"><img src="http://farm3.static.flickr.com/2234/2183748486_50a5b8be46.jpg" alt="Kingston Flyer" /></p>
<p>I&#8217;ve been HTML-ing and CSS-ing for years now and had never come across this before: To make the content within a div tag (or any other block tag) scrollable all you need to do is fix the width and/or height and add <code>overflow:scroll;</code> to the style for the tag.</p>
<p>You can also set individual scrollbars with <code>overflow-x:scroll;</code> or <code>overflow-x:hidden;</code> and <code>overflow-y:scroll;</code> or <code>overflow-y:hidden;</code>.</p>
<p>I can&#8217;t believe I missed out on this one. Perhaps I need to go back to the <a href="http://www.w3.org/TR/REC-CSS2/">CSS specification</a> and work through each attribute one by one.</p>
]]></content:encoded>
			<wfw:commentRss>http://damian.peterson.net.nz/2008/01/11/scrollable-divs/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

