<?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>KS Webdesign - Der Blog &#187; fixed</title>
	<atom:link href="http://webdesign-passau.com/wordpress/tag/fixed/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesign-passau.com/wordpress</link>
	<description></description>
	<lastBuildDate>Wed, 18 Jan 2012 13:08:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Fixierte Positionierung</title>
		<link>http://webdesign-passau.com/wordpress/fixierte-positionierung/</link>
		<comments>http://webdesign-passau.com/wordpress/fixierte-positionierung/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 14:52:59 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[XHTML/CSS]]></category>
		<category><![CDATA[fixed]]></category>
		<category><![CDATA[fixierte]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[Positionierung]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=449</guid>
		<description><![CDATA[Zu absoluter Positionierung gibt es schon einen Artikel, zur relativen Positionierung ebenfalls. Jetzt fehlt noch die fixierte Positionierung, die im Grunde eine Unterabteilung der absoluten Positionierung ist. D.h. es gelten fast die gleichen Regeln wie für position:absolute;, außer das dort &#8230; <a href="http://webdesign-passau.com/wordpress/fixierte-positionierung/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Zu <a href="http://webdesign-passau.com/wordpress/absolute-positionierung/">absoluter Positionierung</a>  gibt es schon einen Artikel, zur <a href="http://webdesign-passau.com/wordpress/relative-positionierung/">relativen Positionierung</a> ebenfalls.</p>
<p>Jetzt fehlt noch die <em>fixierte</em> Positionierung, die im Grunde eine Unterabteilung der absoluten Positionierung ist.<span id="more-449"></span></p>
<p>D.h. es gelten fast die gleichen Regeln wie für <code>position:absolute;</code>, außer das dort <strong>immer</strong> <code>body</code> als Bezugspunkt für Positionsangaben gilt. Außerdem kennt der IE 6 <code>position:fixed;</code> nicht und ignoriert es deshalb.</p>
<p>Hier findest du die <a href="http://webdesign-passau.com/wordpress/wp-content/uploads/2009/12/position-fixed-anfang.htm">position-fixed-anfang.htm</a> zum Quelltext rauskopieren.</p>
<p>Bilder gibt es diesmal leider nicht, aber ich denke diesmal geht es auch ohne.</p>
<p class="abstandunten0 abstandoben2">Bitte CSS ergänzen:</p>
<div class="beitragscode">
<ul>
<li><code>.fixed  {</code></li>
<li class="codeeinrueckung"><code>position:fixed;</code></li>
<li class="codeeinrueckung"><code>left:40px;</code></li>
<li class="codeeinrueckung"><code>top:20px,</code></li>
<li><code>}</code></li>
</ul>
</div>
<p>Wenn ihr jetzt im Browser nach unten scrollt, kommt das fixierte Element mit. Setzt ihr die Positionsangaben auf null drängelt sich das fixierte Element ganz nach oben links, kommt aber beim Scrollen immer noch mit.</p>
<p>Beim IE 6 passiert nix. Das fixierte Element kommt einfach nicht mit.</p>
<p>Zum einen kann man den IE6 dabei einfach ignorieren, es gäbe allerdings z.B. die Möglichkeit ihm <a href="http://www.doxdesk.com/software/js/fixed.html" title="Externer Link">per Javascript</a> auf die Sprünge zu helfen.</p>
<p>Oder ihr verzichtet auf <code>position:fixed;</code>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/fixierte-positionierung/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

