<?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>Jquery Labs &#187; Fixed</title>
	<atom:link href="http://www.jquerylabs.com/tag/fixed/feed" rel="self" type="application/rss+xml" />
	<link>http://www.jquerylabs.com</link>
	<description>jQuery Plugins</description>
	<lastBuildDate>Fri, 30 Jul 2010 11:00:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Fixed SideNav Layout</title>
		<link>http://www.jquerylabs.com/fixed-sidenav-layout.html</link>
		<comments>http://www.jquerylabs.com/fixed-sidenav-layout.html#comments</comments>
		<pubDate>Wed, 12 May 2010 11:00:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Content]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[Deal]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[designm]]></category>
		<category><![CDATA[Fixed]]></category>
		<category><![CDATA[Follow]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Scroll]]></category>
		<category><![CDATA[Scrolling]]></category>
		<category><![CDATA[Sidebar]]></category>
		<category><![CDATA[Sign]]></category>
		<category><![CDATA[sohtanaka]]></category>
		<category><![CDATA[Sticky]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[User]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=1580</guid>
		<description><![CDATA[Sticky (Fixed) SideNav Layout with CSS Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate [...]]]></description>
			<content:encoded><![CDATA[<h3>Sticky (Fixed) SideNav Layout with CSS</h3>
<p>Having a fixed sidenav comes in handy when dealing with blog style websites where the <a href="http://www.jquerylabs.com/tag/content" class="st_tag internal_tag" rel="tag" title="Posts tagged with Content">content</a> is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the <a href="http://www.jquerylabs.com/tag/content" class="st_tag internal_tag" rel="tag" title="Posts tagged with Content">content</a> without scrolling back up to the top to navigate through the rest of the site.<br />
Demostration</p>
<p><a rel="nofollow" href="http://www.sohtanaka.com/web-design/examples/sticky-nav/" target="_blank">Demo Page</a></p>
<p>Tutorial<br />
<a rel="nofollow" href="http://designm.ag/tutorials/sticky-sidenav-layout/" target="_blank">Tutorial Page</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;t=Fixed+SideNav+Layout" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Fixed+SideNav+Layout+-+http://b2l.me/wrrfh&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Fixed+SideNav+Layout&amp;link=http://www.jquerylabs.com/fixed-sidenav-layout.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;title=Fixed+SideNav+Layout" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;title=Fixed+SideNav+Layout" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;title=Fixed+SideNav+Layout" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;title=Fixed+SideNav+Layout" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;t=Fixed+SideNav+Layout" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;title=Fixed+SideNav+Layout&amp;summary=Sticky%20%28Fixed%29%20SideNav%20Layout%20with%20CSS%0D%0AHaving%20a%20fixed%20sidenav%20comes%20in%20handy%20when%20dealing%20with%20blog%20style%20websites%20where%20the%20content%20is%20extremely%20tall%20and%20there%20is%20a%20need%20for%20good%20amount%20of%20scrolling.%20The%20fixed%20navigation%20allows%20the%20user%20to%20cruise%20through%20the%20content%20without%20scrolling%20back%20up%20to%20th&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;title=Fixed+SideNav+Layout" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/fixed-sidenav-layout.html&amp;submitHeadline=Fixed+SideNav+Layout&amp;submitSummary=Sticky%20%28Fixed%29%20SideNav%20Layout%20with%20CSS%0D%0AHaving%20a%20fixed%20sidenav%20comes%20in%20handy%20when%20dealing%20with%20blog%20style%20websites%20where%20the%20content%20is%20extremely%20tall%20and%20there%20is%20a%20need%20for%20good%20amount%20of%20scrolling.%20The%20fixed%20navigation%20allows%20the%20user%20to%20cruise%20through%20the%20content%20without%20scrolling%20back%20up%20to%20th&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/blog" title="Blog" rel="tag">Blog</a>, <a href="http://www.jquerylabs.com/tag/content" title="Content" rel="tag">Content</a>, <a href="http://www.jquerylabs.com/tag/css" title="Css" rel="tag">Css</a>, <a href="http://www.jquerylabs.com/tag/deal" title="Deal" rel="tag">Deal</a>, <a href="http://www.jquerylabs.com/tag/design" title="Design" rel="tag">Design</a>, <a href="http://www.jquerylabs.com/tag/designm" title="designm" rel="tag">designm</a>, <a href="http://www.jquerylabs.com/tag/fixed" title="Fixed" rel="tag">Fixed</a>, <a href="http://www.jquerylabs.com/tag/follow" title="Follow" rel="tag">Follow</a>, <a href="http://www.jquerylabs.com/tag/navigation" title="Navigation" rel="tag">Navigation</a>, <a href="http://www.jquerylabs.com/tag/scroll" title="Scroll" rel="tag">Scroll</a>, <a href="http://www.jquerylabs.com/tag/scrolling" title="Scrolling" rel="tag">Scrolling</a>, <a href="http://www.jquerylabs.com/tag/sidebar" title="Sidebar" rel="tag">Sidebar</a>, <a href="http://www.jquerylabs.com/tag/sign" title="Sign" rel="tag">Sign</a>, <a href="http://www.jquerylabs.com/tag/sohtanaka" title="sohtanaka" rel="tag">sohtanaka</a>, <a href="http://www.jquerylabs.com/tag/sticky" title="Sticky" rel="tag">Sticky</a>, <a href="http://www.jquerylabs.com/tag/style" title="Style" rel="tag">Style</a>, <a href="http://www.jquerylabs.com/tag/jquery-tutorials" title="Tutorials" rel="tag">Tutorials</a>, <a href="http://www.jquerylabs.com/tag/ui" title="UI" rel="tag">UI</a>, <a href="http://www.jquerylabs.com/tag/user" title="User" rel="tag">User</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/smart-columns-w-css-jquery.html" title="Smart Columns w/ CSS &#038; jQuery (01 Şubat 2010)">Smart Columns w/ CSS &#038; jQuery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/sexy-drop-down-menu.html" title="Sexy Drop Down Menu (27 Aralık 2009)">Sexy Drop Down Menu</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-css-dropdown-menu.html" title="jQuery &#038; CSS Dropdown Menu (17 Şubat 2010)">jQuery &#038; CSS Dropdown Menu</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/switch-display.html" title="Switch Display (08 Mart 2010)">Switch Display</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/sweet-ajax-tabs.html" title="Sweet AJAX Tabs (17 Şubat 2010)">Sweet AJAX Tabs</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/fixed-sidenav-layout.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Smart Columns w/ CSS &amp; jQuery</title>
		<link>http://www.jquerylabs.com/smart-columns-w-css-jquery.html</link>
		<comments>http://www.jquerylabs.com/smart-columns-w-css-jquery.html#comments</comments>
		<pubDate>Mon, 01 Feb 2010 00:28:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Columns]]></category>
		<category><![CDATA[complete]]></category>
		<category><![CDATA[Content]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[Date]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Div]]></category>
		<category><![CDATA[Expand]]></category>
		<category><![CDATA[Fixed]]></category>
		<category><![CDATA[Follow]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Line]]></category>
		<category><![CDATA[Sign]]></category>
		<category><![CDATA[sohtanaka]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=968</guid>
		<description><![CDATA[Allow as many fixed columns to line up across the viewport (as many as it will fit based on the base column size) Take excess white space and evenly distribute them to each of the columns to complete the full row. This way the columns will always fit perfectly. Keep a default fixed width as [...]]]></description>
			<content:encoded><![CDATA[<p>Allow as many fixed columns to line up across the viewport (as many as it will fit based on the base column size)<br />
Take excess white space and evenly distribute them to each of the columns to complete the full row. This way the columns will always fit perfectly.<br />
Keep a default fixed width as the base, so that the columns are reasonably within the intended columns sizes while maintaining enough flexibility to accommodate for the expandable viewport.</p>
<p>Demostration<br />
<a rel="nofollow" href="http://www.sohtanaka.com/web-design/examples/smart-columns/" target="_blank">Demo Page</a></p>
<p>Tutorial<br />
<a rel="nofollow" href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/" target="_blank">Tutorial Page</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;t=Smart+Columns+w%2F+CSS+%26+jQuery" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Smart+Columns+w%2F+CSS+%26+jQuery+-+http://b2l.me/w3m78&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Smart+Columns+w%2F+CSS+%26+jQuery&amp;link=http://www.jquerylabs.com/smart-columns-w-css-jquery.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;title=Smart+Columns+w%2F+CSS+%26+jQuery" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;title=Smart+Columns+w%2F+CSS+%26+jQuery" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;title=Smart+Columns+w%2F+CSS+%26+jQuery" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;title=Smart+Columns+w%2F+CSS+%26+jQuery" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;t=Smart+Columns+w%2F+CSS+%26+jQuery" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;title=Smart+Columns+w%2F+CSS+%26+jQuery&amp;summary=Allow%20as%20many%20fixed%20columns%20to%20line%20up%20across%20the%20viewport%20%28as%20many%20as%20it%20will%20fit%20based%20on%20the%20base%20column%20size%29%0D%0ATake%20excess%20white%20space%20and%20evenly%20distribute%20them%20to%20each%20of%20the%20columns%20to%20complete%20the%20full%20row.%20This%20way%20the%20columns%20will%20always%20fit%20perfectly.%0D%0AKeep%20a%20default%20fixed%20width%20as%20the%20ba&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;title=Smart+Columns+w%2F+CSS+%26+jQuery" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/smart-columns-w-css-jquery.html&amp;submitHeadline=Smart+Columns+w%2F+CSS+%26+jQuery&amp;submitSummary=Allow%20as%20many%20fixed%20columns%20to%20line%20up%20across%20the%20viewport%20%28as%20many%20as%20it%20will%20fit%20based%20on%20the%20base%20column%20size%29%0D%0ATake%20excess%20white%20space%20and%20evenly%20distribute%20them%20to%20each%20of%20the%20columns%20to%20complete%20the%20full%20row.%20This%20way%20the%20columns%20will%20always%20fit%20perfectly.%0D%0AKeep%20a%20default%20fixed%20width%20as%20the%20ba&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/columns" title="Columns" rel="tag">Columns</a>, <a href="http://www.jquerylabs.com/tag/complete" title="complete" rel="tag">complete</a>, <a href="http://www.jquerylabs.com/tag/content" title="Content" rel="tag">Content</a>, <a href="http://www.jquerylabs.com/tag/css" title="Css" rel="tag">Css</a>, <a href="http://www.jquerylabs.com/tag/date" title="Date" rel="tag">Date</a>, <a href="http://www.jquerylabs.com/tag/design" title="Design" rel="tag">Design</a>, <a href="http://www.jquerylabs.com/tag/div" title="Div" rel="tag">Div</a>, <a href="http://www.jquerylabs.com/tag/expand" title="Expand" rel="tag">Expand</a>, <a href="http://www.jquerylabs.com/tag/fixed" title="Fixed" rel="tag">Fixed</a>, <a href="http://www.jquerylabs.com/tag/follow" title="Follow" rel="tag">Follow</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/line" title="Line" rel="tag">Line</a>, <a href="http://www.jquerylabs.com/tag/sign" title="Sign" rel="tag">Sign</a>, <a href="http://www.jquerylabs.com/tag/sohtanaka" title="sohtanaka" rel="tag">sohtanaka</a>, <a href="http://www.jquerylabs.com/tag/jquery-tutorials" title="Tutorials" rel="tag">Tutorials</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/sweet-ajax-tabs.html" title="Sweet AJAX Tabs (17 Şubat 2010)">Sweet AJAX Tabs</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/mega-drop-down-menus.html" title="Mega Drop Down Menus (15 Şubat 2010)">Mega Drop Down Menus</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/fixed-sidenav-layout.html" title="Fixed SideNav Layout (12 Mayıs 2010)">Fixed SideNav Layout</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/the-polaroid-photo-viewer.html" title="The Polaroid Photo Viewer (27 Kasım 2009)">The Polaroid Photo Viewer</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/switch-display.html" title="Switch Display (08 Mart 2010)">Switch Display</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/smart-columns-w-css-jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Galleria jQuery Plugin</title>
		<link>http://www.jquerylabs.com/galleria-jquery-plugin.html</link>
		<comments>http://www.jquerylabs.com/galleria-jquery-plugin.html#comments</comments>
		<pubDate>Thu, 31 Dec 2009 10:34:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Image Gallery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Box]]></category>
		<category><![CDATA[Crop]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[Devkick]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[Fixed]]></category>
		<category><![CDATA[Galleria]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[List]]></category>
		<category><![CDATA[Load]]></category>
		<category><![CDATA[Thumbnail]]></category>
		<category><![CDATA[thumbnails]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=746</guid>
		<description><![CDATA[Galleria jQuery Plugin]]></description>
			<content:encoded><![CDATA[<p>Galleria is a javascript image <a href="http://www.jquerylabs.com/tag/gallery" class="st_tag internal_tag" rel="tag" title="Posts tagged with Gallery">gallery</a> written in jQuery. It loads the images one by one from an unordered list and displays <a href="http://www.jquerylabs.com/tag/thumbnails" class="st_tag internal_tag" rel="tag" title="Posts tagged with thumbnails">thumbnails</a> when each image is loaded. It will create <a href="http://www.jquerylabs.com/tag/thumbnails" class="st_tag internal_tag" rel="tag" title="Posts tagged with thumbnails">thumbnails</a> for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.</p>
<p>Demostration<br />
<a href="http://devkick.com/lab/galleria/demo_01.htm#img/grass-blades.jpg" target="_blank">Demo Page</a></p>
<p>Download<br />
<a href="http://devkick.com/lab/galleria/jquery.galleria.js" target="_blank">jquery.galleria.js</a><br />
<a href="http://devkick.com/lab/galleria/galleria.css" target="_blank">galleria.css</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;t=Galleria+jQuery+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Galleria+jQuery+Plugin+-+http://b2l.me/wuga8&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Galleria+jQuery+Plugin&amp;link=http://www.jquerylabs.com/galleria-jquery-plugin.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;title=Galleria+jQuery+Plugin" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;title=Galleria+jQuery+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;title=Galleria+jQuery+Plugin" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;title=Galleria+jQuery+Plugin" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;t=Galleria+jQuery+Plugin" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;title=Galleria+jQuery+Plugin&amp;summary=Galleria%20jQuery%20Plugin&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;title=Galleria+jQuery+Plugin" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/galleria-jquery-plugin.html&amp;submitHeadline=Galleria+jQuery+Plugin&amp;submitSummary=Galleria%20jQuery%20Plugin&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/box" title="Box" rel="tag">Box</a>, <a href="http://www.jquerylabs.com/tag/crop" title="Crop" rel="tag">Crop</a>, <a href="http://www.jquerylabs.com/tag/css" title="Css" rel="tag">Css</a>, <a href="http://www.jquerylabs.com/tag/devkick" title="Devkick" rel="tag">Devkick</a>, <a href="http://www.jquerylabs.com/tag/display" title="Display" rel="tag">Display</a>, <a href="http://www.jquerylabs.com/tag/fixed" title="Fixed" rel="tag">Fixed</a>, <a href="http://www.jquerylabs.com/tag/galleria" title="Galleria" rel="tag">Galleria</a>, <a href="http://www.jquerylabs.com/tag/gallery" title="Gallery" rel="tag">Gallery</a>, <a href="http://www.jquerylabs.com/tag/image" title="image" rel="tag">image</a>, <a href="http://www.jquerylabs.com/tag/image-gallery" title="Image Gallery" rel="tag">Image Gallery</a>, <a href="http://www.jquerylabs.com/tag/images" title="images" rel="tag">images</a>, <a href="http://www.jquerylabs.com/tag/javascript" title="JavaScript" rel="tag">JavaScript</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/list" title="List" rel="tag">List</a>, <a href="http://www.jquerylabs.com/tag/load" title="Load" rel="tag">Load</a>, <a href="http://www.jquerylabs.com/tag/plugins" title="Plugins" rel="tag">Plugins</a>, <a href="http://www.jquerylabs.com/tag/thumbnail" title="Thumbnail" rel="tag">Thumbnail</a>, <a href="http://www.jquerylabs.com/tag/thumbnails" title="thumbnails" rel="tag">thumbnails</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/jquery-slideviewerpro.html" title="jQuery slideViewerPro (01 Ocak 2010)">jQuery slideViewerPro</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/full-screen-image-gallery.html" title="Full Screen Image Gallery (31 Aralık 2009)">Full Screen Image Gallery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/imageflow-jquery-plugin.html" title="ImageFlow jQuery Plugin (09 Ocak 2010)">ImageFlow jQuery Plugin</a> (1)</li>
	<li><a href="http://www.jquerylabs.com/zoomer-gallery.html" title="Zoomer Gallery (14 Ocak 2010)">Zoomer Gallery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/pirobox-jquery-plugin.html" title="Pirobox jQuery Plugin (01 Ocak 2010)">Pirobox jQuery Plugin</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/galleria-jquery-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fixed Table Header Plugin</title>
		<link>http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html</link>
		<comments>http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html#comments</comments>
		<pubDate>Sat, 21 Nov 2009 10:49:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[.net]]></category>
		<category><![CDATA[Div]]></category>
		<category><![CDATA[Fixed]]></category>
		<category><![CDATA[Grid]]></category>
		<category><![CDATA[Header]]></category>
		<category><![CDATA[iFrame]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Scroll]]></category>
		<category><![CDATA[Table]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=202</guid>
		<description><![CDATA[jQuery Fixed Table Header Plugin

Fixed Table Header is fixing header row of table without div overflow. It is fix header row of table when scroll down the page.

You can use fixedtableheader plugin with ASP.NET DataGrid or GridView.]]></description>
			<content:encoded><![CDATA[<h3>jQuery Fixed Table <a href="http://www.jquerylabs.com/tag/header" class="st_tag internal_tag" rel="tag" title="Posts tagged with Header">Header</a> Plugin</h3>
<p>Fixed Table <a href="http://www.jquerylabs.com/tag/header" class="st_tag internal_tag" rel="tag" title="Posts tagged with Header">Header</a> is fixing <a href="http://www.jquerylabs.com/tag/header" class="st_tag internal_tag" rel="tag" title="Posts tagged with Header">header</a> row of table without <a href="http://www.jquerylabs.com/tag/div" class="st_tag internal_tag" rel="tag" title="Posts tagged with Div">div</a> overflow. It is fix <a href="http://www.jquerylabs.com/tag/header" class="st_tag internal_tag" rel="tag" title="Posts tagged with Header">header</a> row of table when scroll down the page.</p>
<hr />
Example<br />
<a href="http://www.mustafaozcan.net/en/page/jQuery-Fixed-Table-Header-Plugin.aspx" target="_blank">Try out a demonstration</a><br />
<a href="http://www.mustafaozcan.net/tr/page/jQuery-Sabit-Tablo-Basligi-Eklentisi.aspx" target="_blank">Try out a demonstration (For Turkish)</a></p>
<p>Download<br />
<a href="http://plugins.jquery.com/project/fixedtableheader" target="_blank">Click for download  jquery.fixedtableheader plugin on jquery.com</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;t=Fixed+Table+Header+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Fixed+Table+Header+Plugin+-+File: /data/app/webapp/functions.php<br />Line: 7<br />Message: Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (11)&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Fixed+Table+Header+Plugin&amp;link=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;title=Fixed+Table+Header+Plugin" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;title=Fixed+Table+Header+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;title=Fixed+Table+Header+Plugin" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;title=Fixed+Table+Header+Plugin" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;t=Fixed+Table+Header+Plugin" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;title=Fixed+Table+Header+Plugin&amp;summary=jQuery%20Fixed%20Table%20Header%20Plugin%0D%0A%0D%0AFixed%20Table%20Header%20is%20fixing%20header%20row%20of%20table%20without%20div%20overflow.%20It%20is%20fix%20header%20row%20of%20table%20when%20scroll%20down%20the%20page.%0D%0A%0D%0AYou%20can%20use%20fixedtableheader%20plugin%20with%20ASP.NET%20DataGrid%20or%20GridView.&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;title=Fixed+Table+Header+Plugin" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html&amp;submitHeadline=Fixed+Table+Header+Plugin&amp;submitSummary=jQuery%20Fixed%20Table%20Header%20Plugin%0D%0A%0D%0AFixed%20Table%20Header%20is%20fixing%20header%20row%20of%20table%20without%20div%20overflow.%20It%20is%20fix%20header%20row%20of%20table%20when%20scroll%20down%20the%20page.%0D%0A%0D%0AYou%20can%20use%20fixedtableheader%20plugin%20with%20ASP.NET%20DataGrid%20or%20GridView.&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/net" title=".net" rel="tag">.net</a>, <a href="http://www.jquerylabs.com/tag/div" title="Div" rel="tag">Div</a>, <a href="http://www.jquerylabs.com/tag/fixed" title="Fixed" rel="tag">Fixed</a>, <a href="http://www.jquerylabs.com/tag/grid" title="Grid" rel="tag">Grid</a>, <a href="http://www.jquerylabs.com/tag/header" title="Header" rel="tag">Header</a>, <a href="http://www.jquerylabs.com/tag/iframe" title="iFrame" rel="tag">iFrame</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/plugins" title="Plugins" rel="tag">Plugins</a>, <a href="http://www.jquerylabs.com/tag/scroll" title="Scroll" rel="tag">Scroll</a>, <a href="http://www.jquerylabs.com/tag/table" title="Table" rel="tag">Table</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/lazy-load-jquery-plugin.html" title="Lazy Load jQuery Plugin (01 Şubat 2010)">Lazy Load jQuery Plugin</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-superbox.html" title="jQuery SuperBox (18 Aralık 2009)">jQuery SuperBox</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-scroll-follow.html" title="jQuery Scroll Follow (10 Şubat 2010)">jQuery Scroll Follow</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-inframe-plugin.html" title="jQuery inFrame Plugin (21 Kasım 2009)">jQuery inFrame Plugin</a> (1)</li>
	<li><a href="http://www.jquerylabs.com/yoxview-jquery-plugin.html" title="YoxView jQuery Plugin (20 Nisan 2010)">YoxView jQuery Plugin</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/jquery-fixed-table-header-plugin.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
