<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://wiki.stephanschlegel.de/index.php?action=history&amp;feed=atom&amp;title=JavaScript_-_Full_Height_Container</id>
	<title>JavaScript - Full Height Container - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.stephanschlegel.de/index.php?action=history&amp;feed=atom&amp;title=JavaScript_-_Full_Height_Container"/>
	<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Full_Height_Container&amp;action=history"/>
	<updated>2026-05-09T05:32:42Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in Wikizone</subtitle>
	<generator>MediaWiki 1.35.14</generator>
	<entry>
		<id>https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Full_Height_Container&amp;diff=22133&amp;oldid=prev</id>
		<title>37.49.32.84: Die Seite wurde neu angelegt: „Eignet sich gut für Start von One Pagern. Beispiel 1 &lt;syntaxhighlight lang=&quot;javascript&quot;&gt;    /* 100 % height elements and more if inner is to big*/     $(funct…“</title>
		<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Full_Height_Container&amp;diff=22133&amp;oldid=prev"/>
		<updated>2017-04-10T14:15:25Z</updated>

		<summary type="html">&lt;p&gt;Die Seite wurde neu angelegt: „Eignet sich gut für Start von One Pagern. Beispiel 1 &amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt;    &lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;100 % height elements and more if inner is to big: &lt;/span&gt;     $(funct…“&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Eignet sich gut für Start von One Pagern.&lt;br /&gt;
Beispiel 1&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;br /&gt;
   /* 100 % height elements and more if inner is to big*/&lt;br /&gt;
    $(function(){&lt;br /&gt;
        var windowH = $(window).height();&lt;br /&gt;
        var wrapperH = $(&amp;#039;.fullHeight&amp;#039;).height();&lt;br /&gt;
        if(windowH &amp;gt; wrapperH) {                            &lt;br /&gt;
            $(&amp;#039;.fullHeight&amp;#039;).css({&amp;#039;height&amp;#039;:($(window).height())+&amp;#039;px&amp;#039;});&lt;br /&gt;
        }                                                                               &lt;br /&gt;
        $(window).resize(function(){&lt;br /&gt;
            var windowH = $(window).height();&lt;br /&gt;
            var wrapperH = $(&amp;#039;.fullHeight&amp;#039;).height();&lt;br /&gt;
            var differenceH = windowH - wrapperH;&lt;br /&gt;
            var newH = wrapperH + differenceH;&lt;br /&gt;
            var truecontentH = $(&amp;#039;#fullHeight .inner&amp;#039;).height();&lt;br /&gt;
            if(windowH &amp;gt; truecontentH) {&lt;br /&gt;
                $(&amp;#039;#fullHeight&amp;#039;).css(&amp;#039;height&amp;#039;, (newH)+&amp;#039;px&amp;#039;);&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
        })          &lt;br /&gt;
    });&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
Beispiel 2 (Template von angelajochum.de)&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;syntaxhighlight&amp;gt;&lt;/div&gt;</summary>
		<author><name>37.49.32.84</name></author>
	</entry>
</feed>