Footer immer ganz unten? – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Footer immer ganz unten? Tue, 27 Mar 18 11:13:39 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717474#m1717474 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717474#m1717474 <p>Hallo alle,</p> <p>ich möchte gerne meinen Footer <em>immer</em> ganz unten haben. Ist dieses möglich ohne zu wissen wie viel Inhalt auf meiner Seite vorhanden ist?</p> <p><a href="http://example-website.bplaced.net/footer.html" rel="nofollow noopener noreferrer">http://example-website.bplaced.net/footer.html</a></p> <p>Bis bald! Meowsalot (Bernd)</p> Footer immer ganz unten? Tue, 27 Mar 18 11:29:30 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717475#m1717475 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717475#m1717475 <p>@@Meowsalot</p> <blockquote> <p>ich möchte gerne meinen Footer <em>immer</em> ganz unten haben. Ist dieses möglich ohne zu wissen wie viel Inhalt auf meiner Seite vorhanden ist?</p> </blockquote> <p>Ja, z.B. <a href="https://codepen.io/gunnarbittersmann/pen/bvYjZL" rel="noopener noreferrer">mit Flexbox</a>.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Tue, 27 Mar 18 12:12:15 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717476#m1717476 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717476#m1717476 <p>Hallo Gunnar,</p> <blockquote> <p>Ja, z.B. <a href="https://codepen.io/gunnarbittersmann/pen/bvYjZL" rel="noopener noreferrer">mit Flexbox</a>.</p> </blockquote> <p>Dankeschön!</p> <p>Bis bald!<br> Meowsalot (Bernd)</p> Footer immer ganz unten? Tue, 27 Mar 18 15:27:12 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717511#m1717511 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717511#m1717511 <p>Hallo Meowsalot,</p> <blockquote> <blockquote> <p>Ja, z.B. <a href="https://codepen.io/gunnarbittersmann/pen/bvYjZL" rel="noopener noreferrer">mit Flexbox</a>.</p> </blockquote> <p>Dankeschön!</p> </blockquote> <p>hmmm, wundert mich. Bei mir funktioniert das Beispiel von Gunnar nicht so(FF + IE), wie ich die Frage verstehen würde…</p> <p>und nur aus Neugierde, warum nutzt du eigentlich Bootstrap zusätzlich in deiner Seite?</p> <p>Nachtrag: Ach ja <code>position:fixed;bottom:0; </code>würde evtl. auch gehen, je nachdem was du genau vorhast.</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Tue, 27 Mar 18 15:51:41 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717513#m1717513 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717513#m1717513 <p>hallo</p> <blockquote> <p>Nachtrag: Ach ja <code>position:fixed;bottom:0; </code>würde evtl. auch gehen, je nachdem was du genau vorhast.</p> </blockquote> <p>Aber bitte nicht auf mobiles.</p> Footer immer ganz unten? Tue, 27 Mar 18 16:07:15 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717514#m1717514 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717514#m1717514 <p>@@Henry</p> <blockquote> <p>Nachtrag: Ach ja <code>position:fixed;bottom:0; </code>würde evtl. auch gehen, je nachdem was du genau vorhast.</p> </blockquote> <p>Das „evtl.“ lässt sich genauer angeben: in so ziemlich gar keinem Fall.</p> <p>Ein <em lang="en">fixed</em> positionierter Footer würde das Ende des Hauptinhalts zudecken. Da man nicht weiß, wie hoch der Footer ist, kann man nicht wissen, wie viel Platz man freihalten müsste.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Tue, 27 Mar 18 16:26:42 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717515#m1717515 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717515#m1717515 <p>Hallo Henry,</p> <blockquote> <p>hmmm, wundert mich. Bei mir funktioniert das Beispiel von Gunnar nicht so(FF + IE), wie ich die Frage verstehen würde…</p> </blockquote> <p>wie verstehst du denn die Frage? Bei mir geht es sowohl im FF als auch im IE</p> <blockquote> <p>und nur aus Neugierde, warum nutzt du eigentlich Bootstrap zusätzlich in deiner Seite?</p> </blockquote> <p>weil ich darüber die Font Awesome einbinde.</p> <p>Bis bald!<br> Meowsalot (Bernd)</p> Footer immer ganz unten? Tue, 27 Mar 18 17:29:57 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717520#m1717520 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717520#m1717520 <p>Hallo Gunnar,</p> <blockquote> <p>Das „evtl.“ lässt sich genauer angeben: in so ziemlich gar keinem Fall.</p> </blockquote> <p>Oh doch, bin gerade mit so einem Design beschäftigt. Daher auch zuletzt die Fragen wegen scroll, usw.</p> <blockquote> <p>Ein <em lang="en">fixed</em> positionierter Footer würde das Ende des Hauptinhalts zudecken. Da man nicht weiß, wie hoch der Footer ist, kann man nicht wissen, wie viel Platz man freihalten müsste.</p> </blockquote> <p>Vielleicht ist das Zudecken ja gewünscht? Bei mir ist das aktuell so, allerdings in verschiedenen Variationen. Als Basis dient ein flexibles Design mit festem Footer und Header, die sich je nach Bildschirm anpassen und zusätzlich noch mal beim Content und beim Scrollen entfernen/kleiner werden/transparenter werden, oder von allem etwas. Sieht sehr schön aus und ist sehr funktionell. Würde ungern das zurecht pflücken um es hier zu posten, aber wenn gewünscht, mache ich das.</p> <p><a href="/users/2153" class="mention registered-user" rel="noopener noreferrer">@beatovich</a><br> doch auch mobil</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Tue, 27 Mar 18 16:28:42 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717516#m1717516 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717516#m1717516 <p>hallo</p> <blockquote> <p>weil ich darüber die Font Awesome einbinde.</p> </blockquote> <p>Dafür brauchst du doch nicht bootstrap.</p> Footer immer ganz unten? Tue, 27 Mar 18 17:50:47 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717521#m1717521 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717521#m1717521 <p>Hallo Meowsalot,</p> <blockquote> <blockquote> <p>hmmm, wundert mich. Bei mir funktioniert das Beispiel von Gunnar nicht so(FF + IE), wie ich die Frage verstehen würde…</p> </blockquote> <p>wie verstehst du denn die Frage? Bei mir geht es sowohl im FF als auch im IE</p> </blockquote> <p>Ich hätte vermutet, du meinst einen Footer der, zumindest am Anfang, unbedingt sichtbar sein soll. Weil, ansonsten ist der Footer als Blockelement, ja sowieso immer unten wenn im HTML richtig angeordnet. Bei Bedarf u.U. noch Feinjustierung des Body (Höhe) mit vh. Na dann OK, im FF funktioniert Gunnars Beispiel, IE müsste angepasst werden, wenn benötigt.</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Tue, 27 Mar 18 20:30:12 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717544#m1717544 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717544#m1717544 <p>@@Meowsalot</p> <blockquote> <p>weil ich darüber die Font Awesome einbinde.</p> </blockquote> <p>Dass du dafür kein 300 Kilo schweres Framework brauchst, wurde ja schon gesagt.</p> <p>Aber mal nachgefragt: Wie bindest du bzw. Bootstrap die ein? Doch hoffentlich nicht als Webfont‽</p> <p><a href="https://cloudfour.com/thinks/seriously-dont-use-icon-fonts/" lang="en" rel="nofollow noopener noreferrer">Seriously, Don’t Use Icon Fonts</a>. S.a. <a href="https://forum.selfhtml.org/self/2015/nov/24/seriously-dont-use-icon-fonts/1655393#m1655393" rel="noopener noreferrer">diesen Thread</a>.</p> <p>Man kann Font Awesome auch als SVG einbinden. Sollte man.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Tue, 27 Mar 18 16:31:47 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717517#m1717517 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717517#m1717517 <p>Hallo beatovich,</p> <p>stimmt, ich überlege derzeit ob ich meine ganze Seite auf Bootstrap umstelle. Ich fummel schon viel zu lange am Design rum. Die Seite sollte schön längst online sein. Bootstrap hätte alles fertig was ich benötige.</p> <p>Bis bald!<br> Meowsalot (Bernd)</p> Footer immer ganz unten? Wed, 28 Mar 18 05:41:01 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717581#m1717581 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717581#m1717581 <p>Hej beatovich,</p> <blockquote> <blockquote> <p>weil ich darüber die Font Awesome einbinde.</p> </blockquote> <p>Dafür brauchst du doch nicht bootstrap.</p> </blockquote> <p>Doch! Sonst muss man das doch selber machen!</p> <p>Ich gehe mal meine Kanonen laden. Die Spatzen sind zwar weg, aber ich habe da eine Mücke im Schlafzimmer gehört…</p> <p>Marc</p> Footer immer ganz unten? Tue, 27 Mar 18 20:22:11 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717543#m1717543 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717543#m1717543 <p>@@Henry</p> <blockquote> <blockquote> <p>Ein <em lang="en">fixed</em> positionierter Footer würde das Ende des Hauptinhalts zudecken. Da man nicht weiß, wie hoch der Footer ist, kann man nicht wissen, wie viel Platz man freihalten müsste.</p> </blockquote> <p>Vielleicht ist das Zudecken ja gewünscht?</p> </blockquote> <p>Das glaube ich kaum. Wenn man Inhalte hat, die nie zu sehen sein sollen, weil sie hinter anderen Elementen versteckt sind, warum tut man sie dann überhaupt auf dein Seite?</p> <p>Ich denke, der Hauptinhalt soll bis zum Ende vollständig lesbar sein. Das wäre bei einem <em lang="en">fixed</em> positionierten Footer nicht gewährleistet. Also nicht machen!</p> <p>Wenn Header und Footer ständig im Viewport bleiben sollen … – warum eigentlich? Wenn der Nutzer sich dem Hauptinhalt widmet, will sie wohl nicht durch andere Elemente davon abgelenkt werden? Der Wunsch nach feststehenden Headern/Footern ist wohl nur seitens des Seitenbetreibers, der denkt, dem Nutzer könnte sonst irgendwas verlorengehen. Darüber sollte man mal reiflich nachdenken, bevor man sowas implementiert.</p> <p>Wenn Header und Footer ständig im Viewport bleiben sollen, dann ist nicht <code class="bad">position: fixed</code> das Mittel der Wahl, sondern <code class="good">position: sticky</code>. Damit bleibt der Hauptinhalt vollständig sichtbar. Ich hab das in <a href="https://codepen.io/gunnarbittersmann/pen/JLMjpQ" rel="noopener noreferrer">diesem Beispiel</a> mal hinzugefügt – im <em lang="en">media query</em>; bei geringer Viewporthöhe sollen Header und Footer nicht <em lang="en">sticky</em> sein, sonst wäre der Hauptinhalt nur durch einen schmalen Sehschlitz sichtbar.</p> <p>Und ja, ich weiß, dass Header und Footer im IE dann eben nicht ständig oben bzw. untem im Viewport zu sehen sind. Und das ist auch ziemlich egal! Es wird sich kein Nutzer darüber beschweren.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Wed, 28 Mar 18 05:30:29 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717579#m1717579 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717579#m1717579 <p>Hej Henry,</p> <blockquote> <p>Vielleicht ist das Zudecken ja gewünscht? Bei mir ist das aktuell so, allerdings in verschiedenen Variationen. Als Basis dient ein flexibles Design mit festem Footer und Header, die sich je nach Bildschirm anpassen und zusätzlich noch mal beim Content und beim Scrollen entfernen/kleiner werden/transparenter werden, oder von allem etwas. Sieht sehr schön aus und ist sehr funktionell. Würde ungern das zurecht pflücken um es hier zu posten, aber wenn gewünscht, mache ich das.</p> </blockquote> <p>Klingt heikel, aber interessant. Ich würde das gerne mal sehen!</p> <p>Marc</p> Footer immer ganz unten? Tue, 27 Mar 18 18:40:06 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717527#m1717527 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717527#m1717527 <p>Nachtrag:</p> <p>habe eben was übersehen:</p> <blockquote> <blockquote> <p>wie verstehst du denn die Frage? Bei mir geht es sowohl im FF als <strong>auch im IE</strong></p> </blockquote> </blockquote> <p>Was hast du denn für eine IE-Version? Bei mir sieht das so aus:</p> <p><a href="/images/3e6274da-7852-4daa-8ac9-09f80ec9d147.png" rel="noopener noreferrer"><img src="/images/3e6274da-7852-4daa-8ac9-09f80ec9d147.png?size=medium" alt="" loading="lazy"></a></p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Tue, 27 Mar 18 18:44:14 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717528#m1717528 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717528#m1717528 <p>Hallo Henry,</p> <p>ich habe den Microsoft Edge</p> <p><a href="/images/af71ed2e-36ef-4a8c-88ff-bf213c052565.jpg" rel="noopener noreferrer"><img src="/images/af71ed2e-36ef-4a8c-88ff-bf213c052565.jpg?size=medium" alt="" loading="lazy"></a></p> <p>Bis bald!<br> Meowsalot (Bernd)</p> Footer immer ganz unten? Tue, 27 Mar 18 20:41:39 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717546#m1717546 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717546#m1717546 <p>@@Henry</p> <blockquote> <p>Was hast du denn für eine IE-Version? Bei mir sieht das so aus:</p> <p><a href="/images/3e6274da-7852-4daa-8ac9-09f80ec9d147.png" rel="noopener noreferrer"><img src="/images/3e6274da-7852-4daa-8ac9-09f80ec9d147.png?size=medium" alt="" loading="lazy"></a></p> </blockquote> <p>Vermutlich einen, der <code>main</code> nicht kennt.</p> <p>Dem ist aber mit <code>main { display: block}</code> schnell auf die Sprünge geholfen. Im Pen ergänzt.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Tue, 27 Mar 18 18:47:57 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717529#m1717529 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717529#m1717529 <p>Hallo Meowsalot,</p> <blockquote> <p>ich habe den Microsoft Edge</p> </blockquote> <p>rofl Edge != IE</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Tue, 27 Mar 18 18:55:23 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717530#m1717530 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717530#m1717530 <p>Hallo Henry,</p> <p>oh nein :/ Da sieht es wirklich scheiße aus. Laut <a href="https://caniuse.com/#search=flex" rel="noopener noreferrer">https://caniuse.com/#search=flex</a> steht es um den IE 10/11 auch nicht gut. Also vergesse ich Flex ganz schnell wieder.</p> <p>Ich glaube ich gehe doch zu Bootstrap über.</p> <p>Bis bald! Meowsalot (Bernd)</p> Footer immer ganz unten? Tue, 27 Mar 18 18:59:40 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717531#m1717531 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717531#m1717531 <p>Hallo Meowsalot,</p> <blockquote> <p>oh nein :/ Da sieht es wirklich scheiße aus. Laut <a href="https://caniuse.com/#search=flex" rel="noopener noreferrer">https://caniuse.com/#search=flex</a> steht es um den IE 10/11 auch nicht gut. Also vergesse ich Flex ganz schnell wieder.</p> <p>Ich glaube ich gehe doch zu Bootstrap über.</p> </blockquote> <p>+++ Stop +++</p> <p>Nein eher umgekehrt.</p> <ul> <li>IE Präsenz geht immer weiter zurück</li> <li>Bootstrap war mal eine Alternative bevor es GRID gab, aber nun m.m.n. nicht sinnvoll.</li> <li>Flex geht auch im IE, wenn angepasst.</li> </ul> <p>Wenn du einen Entwurf hast, wie deine Seite am Ende aussehen soll, versuchen hier sicher einige zu helfen.</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Tue, 27 Mar 18 19:09:46 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717532#m1717532 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717532#m1717532 <p>Hallo Henry,</p> <p><a href="http://example-website.bplaced.net/footer.html" rel="nofollow noopener noreferrer">http://example-website.bplaced.net/footer.html</a><br> Im IE 11 sollte es jetzt auch funktionieren. Ich habe folgendes hinzugefügt:</p> <pre><code class="block language-css"><span class="token selector">html, body</span> <span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">body</span> <span class="token punctuation">{</span> <span class="token property">min-height</span><span class="token punctuation">:</span> 100vh<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> -ms-flexbox<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> -webkit-flex<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span> <span class="token property">flex-flow</span><span class="token punctuation">:</span> column nowrap<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">main</span> <span class="token punctuation">{</span> <span class="token property">-ms-flex</span><span class="token punctuation">:</span> 1<span class="token punctuation">;</span> <span class="token property">-webkit-flex</span><span class="token punctuation">:</span> 1<span class="token punctuation">;</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Ein älteren Browser habe ich leider nicht unter Windows 10</p> <p>Bis bald! Meowsalot (Bernd)</p> Footer immer ganz unten? Tue, 27 Mar 18 19:41:38 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717537#m1717537 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717537#m1717537 <p>Hallo Meowsalot,</p> <blockquote> <p>Im IE 11 sollte es jetzt auch funktionieren.</p> </blockquote> <p>sieh selbst, links FF, rechts IE11</p> <p><a href="/images/c5f79b2d-75dd-4a5c-9f60-5ad060f5e5d8.png" rel="noopener noreferrer"><img src="/images/c5f79b2d-75dd-4a5c-9f60-5ad060f5e5d8.png?size=medium" alt="" loading="lazy"></a></p> <p>Ob du das Ganze aber überhaupt so angehen solltest (vielleicht macht du es dir unnötig kompliziert), kann man erst sagen, wenn dein Beispiel mehr zeigt oder du Entwürfe vom Endresultat hast. Denn ich glaube zb. nicht, dass der übergroße Kopfbereich so bleiben soll, wenn weitere Inhalte gezeigt werden?</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Wed, 28 Mar 18 05:44:14 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717582#m1717582 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717582#m1717582 <p>Hej Meowsalot,</p> <blockquote> <p>Ein älteren Browser habe ich leider nicht unter Windows 10</p> </blockquote> <p>Brauchst du auch cniht. Nimm lieber einen Neuren. So wie <strong>alle</strong> (Ausnahmen bestätigen die Regel).</p> <p>Marc</p> Footer immer ganz unten? Tue, 27 Mar 18 20:59:06 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717549#m1717549 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717549#m1717549 <p>hallo</p> <blockquote> <p>Wenn Header und Footer ständig im Viewport bleiben sollen, dann ist nicht <code class="bad">position: fixed</code> das Mittel der Wahl, sondern <code class="good">position: sticky</code>. Damit bleibt der Hauptinhalt vollständig sichtbar. Ich hab das in <a href="https://codepen.io/gunnarbittersmann/pen/JLMjpQ" rel="noopener noreferrer">diesem Beispiel</a> mal hinzugefügt – im <em lang="en">media query</em>; bei geringer Viewporthöhe sollen Header und Footer nicht <em lang="en">sticky</em> sein, sonst wäre der Hauptinhalt nur durch einen schmalen Sehschlitz sichtbar.</p> </blockquote> <p>Das sieht ja nicht schlecht aus: <a href="https://caniuse.com/#search=sticky" rel="noopener noreferrer">https://caniuse.com/#search=sticky</a></p> Footer immer ganz unten? Tue, 27 Mar 18 21:21:43 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717552#m1717552 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717552#m1717552 <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>Vielleicht ist das Zudecken ja gewünscht?</p> </blockquote> <p>Das glaube ich kaum. Wenn man Inhalte hat, die nie zu sehen sein sollen, weil sie hinter anderen Elementen versteckt sind, warum tut man sie dann überhaupt auf dein Seite?</p> </blockquote> <p>Weil sie beim Scrollen eben doch zu sehen sind. Ist ne Frage des Designs, aber mir ist natürlich klar, dass Designansichten hier im Forum nicht unbedingt mit normalen Usern übereinstimmen.</p> <blockquote> <p>Ich denke, der Hauptinhalt soll bis zum Ende vollständig lesbar sein. Das wäre bei einem <em lang="en">fixed</em> positionierten Footer nicht gewährleistet. Also nicht machen!</p> </blockquote> <p>Das stimmt nicht ganz, hatte ja schon auf viewport- und scrollbezogene Änderungen hingewiesen, zumindest in meinem Fall.</p> <blockquote> <p>Der Wunsch nach feststehenden Headern/Footern ist wohl nur seitens des Seitenbetreibers, der denkt, dem Nutzer könnte sonst irgendwas verlorengehen.</p> </blockquote> <p>Nein, eine Frage des Designs. Das Auge isst mit.</p> <blockquote> <p>Wenn Header und Footer ständig im Viewport bleiben sollen, dann ist nicht <code class="bad">position: fixed</code> das Mittel der Wahl, sondern <code class="good">position: sticky</code>. Damit bleibt der Hauptinhalt vollständig sichtbar.</p> </blockquote> <p>Ja, aber nur wenn das Verhalten exakt so gewünscht ist.</p> <blockquote> <p>Ich hab das in <a href="https://codepen.io/gunnarbittersmann/pen/JLMjpQ" rel="noopener noreferrer">diesem Beispiel</a> mal hinzugefügt – im <em lang="en">media query</em>; bei geringer Viewporthöhe sollen Header und Footer nicht <em lang="en">sticky</em> sein, sonst wäre der Hauptinhalt nur durch einen schmalen Sehschlitz sichtbar.</p> </blockquote> <p>Wollte eigentlich ein paar Änderungen/Variationen davon machen aber, bei Codepen? viel zu hakelig und wieder mühsam zusammenpflücken, nee. Wollte eigentlich auch nur zeigen/wissen, wozu dann überhaupt sticky? scrollst hoch => Header weg, scrollst runter => Footer weg, ist auch bei statischem Layout so. Klar, kenne ich die Interaktion dabei, aber nur sichtbar oder weg, reicht mir nicht und wenn ich dann schon mehr über JS/CSS mache, dann nehme ich auch lieber gleich das leichte kontrollierbare fixed.</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Tue, 27 Mar 18 20:52:16 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717548#m1717548 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717548#m1717548 <p>Hallo Gunnar,</p> <blockquote> <p>Dem ist aber mit <code>main { display: block}</code> schnell auf die Sprünge geholfen. Im Pen ergänzt.</p> </blockquote> <p>Nicht ganz, IE akzeptiert auch kein CSS auf main, es bleibt nur wieder <div id="main"></p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Wed, 28 Mar 18 08:56:33 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717613#m1717613 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717613#m1717613 <p>@@Gunnar Bittersmann</p> <blockquote> <p>Dem ist aber mit <code>main { display: block}</code> schnell auf die Sprünge geholfen. Im Pen ergänzt.</p> </blockquote> <p>Das war es aber nicht.</p> <p>(Hab auf meinem MacBook Air keine VM, komme erst jetzt dazu, mir das mal anzusehen.)</p> <p lang="en">Vermutlich hängt es mit den auf <a href="https://caniuse.com/#feat=flexbox" rel="noopener noreferrer">Can I use</a> genannten Bugs zusammen:</p> <ul> <li>In IE10 and IE11, containers with <code>display: flex</code> and <code>flex-direction: column</code> will not properly calculate their flexed childrens' sizes if the container has <code>min-height</code> but no explicit <code>height</code> property.</li> <li>IE 11 does not vertically align items correctly when <code>min-height</code> is used.</li> </ul> <p>Warum IE 11 den Hintergrund des Footers halbtransparent macht, kann ich mir auch nicht erklären.</p> <p>Die Lösung ist simpel: ein <code class="language-css">@supports <span class="token punctuation">(</span><span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">)</span></code>-Block. IE 11 flext dann halt nicht. <a href="https://codepen.io/gunnarbittersmann/pen/zWpRQR" rel="noopener noreferrer">Funzt.</a></p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Tue, 27 Mar 18 21:05:38 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717550#m1717550 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717550#m1717550 <p>@@Henry</p> <blockquote> <blockquote> <p>Dem ist aber mit <code>main { display: block}</code> schnell auf die Sprünge geholfen. Im Pen ergänzt.</p> </blockquote> <p>Nicht ganz, IE akzeptiert auch kein CSS auf main,</p> </blockquote> <p>Von was für einem Steinzeit-IE sprichst du?</p> <blockquote> <p>es bleibt nur wieder <div id="main"></p> </blockquote> <p>Falsch. Es gibt html5shim.</p> <p>Außerdem müsste es wennschon, dennschon <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> heißen.</p> <p>Eine ID "main" kann natürlich zusätzlich sinnvoll sein – für Skip-Links.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Tue, 27 Mar 18 21:46:53 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717553#m1717553 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717553#m1717553 <p>Hallo Gunnar,</p> <blockquote> <p>Von was für einem Steinzeit-IE sprichst du?</p> </blockquote> <p>rofl letzte aktuelle Version IE11</p> <blockquote> <p>Falsch. Es gibt html5shim.</p> </blockquote> <p>echt jetzt? Wieder ein Script einbinden anstatt einfach <main> umzubennen? (Sofern man denn überhaupt Rücksicht auf IE nehmen möchte)</p> <blockquote> <p>Eine ID "main" kann natürlich zusätzlich sinnvoll sein – für Skip-Links.</p> </blockquote> <p>Auch. Ich bevorzuge ID aber auch sonst, wenn das Element nur einmal vorkommen wird.</p> <p>Gruss<br> Henry</p> Footer immer ganz unten? Wed, 28 Mar 18 05:39:11 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717580#m1717580 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717580#m1717580 <p>Hej Henry,</p> <blockquote> <blockquote> <blockquote> <p>Vielleicht ist das Zudecken ja gewünscht?</p> </blockquote> <p>Das glaube ich kaum. Wenn man Inhalte hat, die nie zu sehen sein sollen, weil sie hinter anderen Elementen versteckt sind, warum tut man sie dann überhaupt auf dein Seite?</p> </blockquote> <p>Weil sie beim Scrollen eben doch zu sehen sind. Ist ne Frage des Designs, aber mir ist natürlich klar, dass Designansichten hier im Forum nicht unbedingt mit normalen Usern übereinstimmen.</p> </blockquote> <p>Doch! Sie stimmen nur oft nciht mit denn Annahmen von Designern und Seitenbetreibern überein!</p> <p>Manchmal auch nicht mit den Ansichten von „Freunden“ und „Mutti“ und „allen die man kennt, die das alle toll finden“…</p> <p>Der eine oder andere hier ist ähnlich unbeliebt wie Dieter Bohlen bei DSDS, weil er ausspricht, wenn ein Gesang schlichtweg Scheiße ist.</p> <blockquote> <blockquote> <p>Der Wunsch nach feststehenden Headern/Footern ist wohl nur seitens des Seitenbetreibers, der denkt, dem Nutzer könnte sonst irgendwas verlorengehen.</p> </blockquote> <p>Nein, eine Frage des Designs. Das Auge isst mit.</p> </blockquote> <p>Nein. Schönheit ist nicht absolut. Sie liegt vielmehr im Auge des Betrachters, ist Moden unterworfen und hängt neben vielem anderen von persönlichen Empfindungen, kulturellem Background und sogar der persönlichen Tagesstimmung ab. Was hunderten gefällt, kann zehn andere anwidern!</p> <p>In einem halben Jahr können sich hunderte am Effekt satt gesehen haben und ihn ebenfalls unerträglich finden. Oder die zehn anderen finden das plötzlich toll.</p> <p>Unzugänglichkeit dagegen ist definiert, messbar, experimentell nachweisbar und objektiv nachvollziehbar.</p> <p>Marc</p> Footer immer ganz unten? Wed, 28 Mar 18 09:58:40 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717624#m1717624 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717624#m1717624 <p>@@Henry</p> <blockquote> <blockquote> <blockquote> <p>Vielleicht ist das Zudecken ja gewünscht?</p> </blockquote> <p>Das glaube ich kaum. Wenn man Inhalte hat, die nie zu sehen sein sollen, weil sie hinter anderen Elementen versteckt sind, warum tut man sie dann überhaupt auf dein Seite?</p> </blockquote> <p>Weil sie beim Scrollen eben doch zu sehen sind.</p> </blockquote> <p>Nein, eben nicht.</p> <p>Du kannst <em>bei dir</em> nachmessen und feststellen, dass der Header 183 Pixel hoch ist und der Footer 237 Pixel hoch. Dann machst du<br> <code class="language-css bad"><span class="token selector">main</span> <span class="token punctuation">{</span> <span class="token property">padding-top</span><span class="token punctuation">:</span> 183px<span class="token punctuation">;</span> <span class="token property">padding-bottom</span><span class="token punctuation">:</span> 237px <span class="token punctuation">}</span></code>?</p> <p><em>Bei anderen</em> brauchen Header und Footer aber womöglich mehr Höhe: andere Schriftart, Schriftgröße, was bei dir in drei Zeilen passt benötigt bei anderen vier und und und …</p> <p>Und schon sind eben nicht alle Inhalte durch Scrollen zu erreichen, sondern Teile auf Nimmerwiedersehen verdeckt. Es gibt keine <em lang="en">magic number</em>, die sicherstellt, das alles erreichbar wäre.</p> <blockquote> <p>und wenn ich dann schon mehr über JS/CSS mache, dann nehme ich auch lieber gleich das leichte kontrollierbare fixed.</p> </blockquote> <p>Du willst per JavaScript die Höhe von Header und Footer nach dem Rendern (und nach jedem Neurendern bei <code>resize</code>) auslesen und das Padding entspreched setzen? Das ist nicht das, was ich „leicht kontrollierbar“ nennen würde.</p> <p><code>position: sticky</code> nenne ich leicht kontrollierbar. Und wenn das in alten Browsern keine Wirkung zeigt, geht die Welt nicht unter.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Wed, 28 Mar 18 04:48:25 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717574#m1717574 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717574#m1717574 <p>Hallo Henry,</p> <blockquote> <p>echt jetzt? Wieder ein Script einbinden anstatt einfach <main> umzubennen? (Sofern man denn überhaupt Rücksicht auf IE nehmen möchte)</p> </blockquote> <p>auf den IE sollte man schon achten vor allem wenn man sich an Firmen richtet. Ich kenne Firmen da wird noch mit Windows Vista gearbeitet </p> <p>Bis bald! Meowsalot (Bernd)</p> Footer immer ganz unten? Wed, 28 Mar 18 06:05:15 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717587#m1717587 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717587#m1717587 <p>Hallo Henry,</p> <blockquote> <blockquote> <blockquote> <p>IE akzeptiert auch kein CSS auf main,</p> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>Von was für einem Steinzeit-IE sprichst du?</p> </blockquote> </blockquote> <blockquote> <p>rofl letzte aktuelle Version IE11</p> </blockquote> <p>Das wäre mir neu.</p> <blockquote> <blockquote> <p>Falsch. Es gibt html5shim. echt jetzt? Wieder ein Script einbinden anstatt einfach <main> umzubennen? (Sofern man denn überhaupt Rücksicht auf IE nehmen möchte)</p> </blockquote> </blockquote> <p>Durch die Umbenennung nutzt du für 95% der Browser nicht die besten Möglichkeiten. Das Script ist gepackt 3 kB groß. - Würd ich als im Grundrauschen untergehend bezeichnen.</p> <p>Wenn du IE-Nutzer ein bisschen ärgern möchtest:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>X-UA-Compatible<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>IE=9<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token comment"><!--[if IE]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]--></span> </code></pre> <blockquote> <blockquote> <p>Eine ID "main" kann natürlich zusätzlich sinnvoll sein – für Skip-Links.</p> </blockquote> <p>Auch. Ich bevorzuge ID aber auch sonst, wenn das Element nur einmal vorkommen wird.</p> </blockquote> <p>Die Rolle wäre wichtiger.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Footer immer ganz unten? Wed, 28 Mar 18 09:16:39 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717615#m1717615 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717615#m1717615 <p>@@Henry</p> <blockquote> <blockquote> <p>Von was für einem Steinzeit-IE sprichst du?</p> </blockquote> <p>rofl letzte aktuelle Version IE11</p> </blockquote> <p>Der hat <a href="https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717613#m1717613" rel="noopener noreferrer">andere Probleme</a>.</p> <blockquote> <blockquote> <p>Es gibt html5shim. echt jetzt? Wieder ein Script einbinden anstatt einfach <main> umzubennen?</p> </blockquote> </blockquote> <p>Wenn du kein externes Script einbinden möchtest, genügt hier auch</p> <pre><code class="block"><!--[if lt IE 9]> <script> document.createElement('header'); document.createElement('main'); document.createElement('footer'); </script> <![endif]--> </code></pre> <p>im HTML und</p> <pre><code class="block language-css"><span class="token selector">header, main, footer</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block <span class="token punctuation">}</span> </code></pre> <p>im Stylesheet (was html5shim mit erledigt).</p> <p>Und schon kannst du das <code>main</code>-Element ebenso wie <code>header</code> und <code>footer</code> bedenkenlos auch in alten Browsern verwenden.</p> <blockquote> <blockquote> <blockquote> <p>es bleibt nur wieder <div id="main"> Außerdem müsste es wennschon, dennschon <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> heißen. Auch. Ich bevorzuge ID aber auch sonst, wenn das Element nur einmal vorkommen wird.</p> </blockquote> </blockquote> </blockquote> <p><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> ist aber semantisch wertlos. Damit hat der Hauptinhalt nicht die <em lang="en">landmark role</em> <code>"main"</code>. Genau solche <em lang="en">landmarks</em> helfen aber Nutzern assistiver Technologien (wie Screenreader), um sich auf der Seite zurechtzufinden.</p> <p>Nutzer alter IEs liegen dir am Herzen (obwohl die auch einen anderen Browser verwenden könnten), Nutzer assistiver Technologien (die auf das <em>Funktionieren</em> der Seite angewiesen sind) nicht? Ich hoffe, ich irre mich hier. Ansonsten: Prioritäten nochmals überdenken.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Wed, 28 Mar 18 05:48:31 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717583#m1717583 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717583#m1717583 <p>Hej Meowsalot,</p> <blockquote> <blockquote> <p>echt jetzt? Wieder ein Script einbinden anstatt einfach <main> umzubennen?</p> </blockquote> </blockquote> <p>Oder mit der anderen Darstellung leben. <code>main</code> ist wichtig. Ein sticky footer überhaupt nicht, eher schädlich, wenn man den nicht gut umsetzt…</p> <blockquote> <p>auf den IE sollte man schon achten vor allem wenn man sich an Firmen richtet.</p> </blockquote> <p>Das heißt aber nicht, dass es im Ie so aussehen muss, wie in anderen Browsern!</p> <p>Marc</p> Footer immer ganz unten? Tue, 03 Apr 18 12:03:56 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1718185#m1718185 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1718185#m1718185 <p>@@marctrix</p> <blockquote> <p>Der eine oder andere hier ist ähnlich unbeliebt wie Dieter Bohlen bei DSDS, weil er ausspricht, wenn ein Gesang schlichtweg Scheiße ist.</p> </blockquote> <p>ICH WILL HIER NICHT MIT DIETER BOHLEN VERGLICHEN WERDEN!!1elf</p> <p>Wenn, dann mit Simon Cowell. Den mag ich.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Wed, 28 Mar 18 06:07:17 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717588#m1717588 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717588#m1717588 <p>Hallo marctrix,</p> <blockquote> <blockquote> <blockquote> <p>weil ich darüber die Font Awesome einbinde.</p> </blockquote> <p>Dafür brauchst du doch nicht bootstrap.</p> </blockquote> <p>Doch! Sonst muss man das doch selber machen!</p> </blockquote> <p>Humor- oder Ironie-Tag vergessen?</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Footer immer ganz unten? Wed, 28 Mar 18 06:21:40 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717595#m1717595 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717595#m1717595 <p>Hallo marctrix,</p> <blockquote> <p>Oder mit der anderen Darstellung leben. <code>main</code> ist wichtig. Ein sticky footer überhaupt nicht, eher schädlich, wenn man den nicht gut umsetzt…</p> </blockquote> <p>na wenn der Footer mitten im Bildschirm schwebt finde ich dieses doch nervig, du etwa nicht? Dann lieber ganz auf den Footer verzichten?</p> <blockquote> <blockquote> <p>auf den IE sollte man schon achten vor allem wenn man sich an Firmen richtet. Das heißt aber nicht, dass es im Ie so aussehen muss, wie in anderen Browsern!</p> </blockquote> </blockquote> <p>da bin ich etwas anderer Meinung. Ich eine Seite sollte in jedem Browser gleich aussehen? Sonst heißt es doch "Schau mal die Seite an, sind nicht in der Lage ein vernünftiges Design umzusetzen?"</p> <p>Bis bald!<br> Meowsalot (Bernd)</p> Footer immer ganz unten? Wed, 28 Mar 18 06:24:43 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717596#m1717596 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717596#m1717596 <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>rofl letzte aktuelle Version IE11 Das wäre mir neu.</p> </blockquote> </blockquote> <p>laut Microsoft ist die IE 11 wirklich die letzte aktuelle Version:<br> <a href="https://support.microsoft.com/de-de/help/4028118/windows-run-the-latest-version-of-internet-explorer-11" rel="nofollow noopener noreferrer">https://support.microsoft.com/de-de/help/4028118/windows-run-the-latest-version-of-internet-explorer-11</a> bevor es dann zum Microsoft Edge geht.</p> <p>Bis bald!<br> Meowsalot (Bernd)</p> Footer immer ganz unten? Wed, 28 Mar 18 06:15:14 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717592#m1717592 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717592#m1717592 <p>Moin</p> <blockquote> <p>Humor- oder Ironie-Tag vergessen?</p> </blockquote> <p>Steht doch darunter:</p> <blockquote> <p>Ich gehe mal meine Kanonen laden. Die Spatzen sind zwar weg, aber ich habe da eine Mücke im Schlafzimmer gehört…</p> </blockquote> <p>Fred</p> <div class="signature">-- <br> I � Unicode </div> Footer immer ganz unten? Wed, 28 Mar 18 06:19:30 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717594#m1717594 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717594#m1717594 <p>Hej Matthias,</p> <blockquote> <p>Hallo marctrix,</p> <blockquote> <blockquote> <blockquote> <p>weil ich darüber die Font Awesome einbinde.</p> </blockquote> <p>Dafür brauchst du doch nicht bootstrap.</p> </blockquote> <p>Doch! Sonst muss man das doch selber machen!</p> </blockquote> <p>Humor- oder Ironie-Tag vergessen?</p> </blockquote> <p>Das käme mir vor wie mit Katzen auf Kanonen… — ach egal. Ich habe es nachgereicht… </p> <p>Marc</p> Footer immer ganz unten? Wed, 28 Mar 18 06:31:03 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717598#m1717598 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717598#m1717598 <p>Hallo Meowsalot,</p> <blockquote> <p>da bin ich etwas anderer Meinung. Ich eine Seite sollte in jedem Browser gleich aussehen? Sonst heißt es doch "Schau mal die Seite an, sind nicht in der Lage ein vernünftiges Design umzusetzen?"</p> </blockquote> <p>Nein, eine Seite sollte die Möglichkeiten der Browser nutzen. Sie sollte in jedem Browser <strong>benutzbar</strong> sein.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Footer immer ganz unten? Wed, 28 Mar 18 06:34:57 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717599#m1717599 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717599#m1717599 <p>Hej Meowsalot,</p> <blockquote> <blockquote> <p>Oder mit der anderen Darstellung leben. <code>main</code> ist wichtig. Ein sticky footer überhaupt nicht, eher schädlich, wenn man den nicht gut umsetzt…</p> </blockquote> <p>na wenn der Footer mitten im Bildschirm schwebt finde ich dieses doch nervig, du etwa nicht?</p> </blockquote> <p>Überhaupt nicht. Passiert immer wieder und hat mich noch nicht ein einziges Mal genervt. Gut für den Seitenbetreiber: so wird die Bannerblindheit abgemildert.</p> <blockquote> <p>Dann lieber ganz auf den Footer verzichten?</p> </blockquote> <p>Wenn da nur nutzloses Zeug drin steht: unbedingt!</p> <p>Wenn da sinnvolle oder gar nötige Informationen drin stehen, die in ein <code>footer</code>-Element gehören: auf gar keinen Fall!</p> <blockquote> <blockquote> <blockquote> <p>auf den IE sollte man schon achten vor allem wenn man sich an Firmen richtet. Das heißt aber nicht, dass es im Ie so aussehen muss, wie in anderen Browsern!</p> </blockquote> </blockquote> <p>da bin ich etwas anderer Meinung. Ich eine Seite sollte in jedem Browser gleich aussehen? Sonst heißt es doch "Schau mal die Seite an, sind nicht in der Lage ein vernünftiges Design umzusetzen?"</p> </blockquote> <p>Tja, von Hundertwasser mag mancher auch glauben, dass er nicht in der Lage war, vernünftige Häuser zu entwerfen.</p> <p>Auch wenn man vielleicht missverstanden wird, sollte man nicht aufhören, das zu tun, was man für das richtige hält…</p> <p>Meiner Meinung und Erfahrung nach lohnt es nicht, Zeit und Geld zu investieren, damit Webseiten überall gleich aussehen. Es wäre auch Betrug an weniger rückständigen Nutzern. Stichwort: progressive enhancement</p> <p>Marc</p> Footer immer ganz unten? Wed, 28 Mar 18 07:11:22 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717603#m1717603 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717603#m1717603 <p>@@Meowsalot</p> <blockquote> <blockquote> <p>Oder mit der anderen Darstellung leben. <code>main</code> ist wichtig. Ein sticky footer überhaupt nicht, eher schädlich, wenn man den nicht gut umsetzt…</p> </blockquote> <p>na wenn der Footer mitten im Bildschirm schwebt finde ich dieses doch nervig, du etwa nicht?</p> </blockquote> <p>Dagegen gibt’s ein einfaches Mittel: dem <code>html</code>-Element die Hintergrundfarbe des Footers verpassen, weißen Hintergrund und schwarze Textfarbe für <code>main</code> (oder für für <code>body</code>) – und schon schwebt nichts mehr. Hier mal <a href="https://codepen.io/gunnarbittersmann/pen/pLpWBe" rel="noopener noreferrer">simuliert</a>.</p> <blockquote> <p>Dann lieber ganz auf den Footer verzichten?</p> </blockquote> <p>Das Styling bestimmt nicht das Markup. Der Inhalt bestimmt das Markup.</p> <blockquote> <blockquote> <blockquote> <p>auf den IE sollte man schon achten</p> </blockquote> </blockquote> </blockquote> <p>Wie auch auf Textbrowser wie Lynx.</p> <blockquote> <blockquote> <p>Das heißt aber nicht, dass es im Ie so aussehen muss, wie in anderen Browsern!</p> </blockquote> <p>da bin ich etwas anderer Meinung.</p> </blockquote> <p>Na da fragen wir doch mal nach: <a href="http://www.dowebsitesneedtolookexactlythesameineverybrowser.com/" rel="nofollow noopener noreferrer">WWW <em lang="en">Do websites need to look exactly the same in every browser? dot com</em></a></p> <blockquote> <p>Sonst heißt es doch "Schau mal die Seite an, sind nicht in der Lage ein vernünftiges Design umzusetzen?"</p> </blockquote> <p>Kein Nutzer vergleicht das Aussehen einer Webseite in verschiedenen Browsern auf demselben Gerät. Die einzigen, die das tun, sind die Seitenersteller. Und die verstehen oftmals nicht, mit dem verschiedenen Aussehen richtig umzugehen.</p> <p>Wenn der Footer in einem alten IE bei wenig Seiteninhalt nicht unten am Viewport klebt, dann ist das halt so. Na und? Die Seite sieht ja deshalb nicht schlecht aus. Und der Funktionalität tut das schon gar keinen Abbruch.</p> <p>Nutzer vergleichen womöglich das Aussehen einer Webseite auf verschiedenen Geräten. Da sollte ein <em lang="en">corporate design</em> erkennbar sein. Aber die Seite darf auf dem Desktop und auf dem Smartphone gar nicht gleich aussehen, sondern jeweils an das Gerät angepasst.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Footer immer ganz unten? Wed, 28 Mar 18 06:25:30 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717597#m1717597 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717597#m1717597 <p>hallo</p> <blockquote> <p>laut Microsoft ist die IE 11 wirklich die letzte aktuelle Version:</p> </blockquote> <p>Das ist doch mal eine gute Nachricht.</p> Footer immer ganz unten? Wed, 28 Mar 18 10:06:48 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717626#m1717626 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1717626#m1717626 <p>Hallo</p> <blockquote> <blockquote> <p>… letzte aktuelle Version IE11</p> </blockquote> <blockquote> <blockquote> <p>Es gibt html5shim. echt jetzt? Wieder ein Script einbinden anstatt einfach <main> umzubennen?</p> </blockquote> </blockquote> <p>Wenn du kein externes Script einbinden möchtest, genügt hier auch</p> <pre><code class="block"><!--[if lt IE 9]> <script> document.createElement('main'); </script> <![endif]--> </code></pre> <p>im HTML und</p> <pre><code class="block language-css"><span class="token selector">main</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block <span class="token punctuation">}</span> </code></pre> <p>im Stylesheet (was html5shim mit erledigt).</p> <p>Und schon kannst du das <code>main</code>-Element ebenso wie <code>header</code> und <code>footer</code> bedenkenlos auch in alten Browsern verwenden.</p> </blockquote> <p>Das weiß er schon <a href="https://forum.selfhtml.org/self/2018/mar/21/floatende-infobox-und-reihenfolge-im-dom/1716803#m1716803" rel="noopener noreferrer">seit <em>mindestens</em> einer Woche</a> (gezeigt am Beispiel <code>main</code>). </p> <blockquote> <p>Nutzer alter IEs liegen dir am Herzen (obwohl die auch einen anderen Browser verwenden könnten), Nutzer assistiver Technologien (die auf das Funktionieren der Seite angewiesen sind) nicht? Ich hoffe, ich irre mich hier. Ansonsten: Prioritäten nochmals überdenken.</p> </blockquote> <p>FACK</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br> Toller Dampf voraus von Terry Pratchett </div> Footer immer ganz unten? Tue, 03 Apr 18 13:16:39 Z https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1718200#m1718200 https://forum.selfhtml.org/self/2018/mar/27/footer-immer-ganz-unten/1718200#m1718200 <p>Hej @Dieter Bohlen,</p> <p>wie meinen? </p> <p>Marc</p> <p>PS: Man zieht sich nur Schuhe an, die passen — es sei denn, man ist eine böse Stiefschwester von Aschenputtel… >:-></p>