tag:forum.selfhtml.org,2005:/self allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht – SELFHTML-Forum 2020-10-16T07:15:05Z https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776580#m1776580 michaah 2020-10-15T12:04:36Z 2020-10-15T12:04:36Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hi</p> <p>Im Groben und weitgehend auch im Detail habe ich meiner WEbsite ein responsives Design verpaßt.</p> <p>Wie (mangels tagtäglicher Erfahrung) nicht anders zu erwarten ist mein CSS jedoch (noch) recht chaotisch, Klassen, die dann an andere Stelle doch nicht passen und mit der Zeit in mehreren Alternativen erstellt wurden, und dann doch nur ein oder zweimal Verwendung finden. Oder besser ein padding des Umgebenden Elements oder ein margin von innen? margin und padding zu Beginn für alle Elemente zurücksetzen oder nicht? In @media-queries eine Klasse umdeklarieren oder das Element individuell überschreiben?</p> <p>Was ich suche ist eine Art Leitfaden für genau diese Fragen, ein Gedankenrahmen um das CSS möglichst planmäßig zu sortieren.</p> <p>Bislang besteht mein <em>Plan</em> aus folgendem:</p> <blockquote> <p>Allgemeine Vorgaben (welche sind heutzutage noch nötig/sinnvoll?)</p> </blockquote> <blockquote> <p>Klassendefinitionen (mittlerweile bei mir bestimmt zu viele)</p> </blockquote> <blockquote> <p>Selektoren und individual IDs weitestgehend in der Reihenfolge ihres Vorkommens im html</p> </blockquote> <p>Im Grunde finde ich das gut so, aber im Detail erscheint mir Vieles planlos. Und die zwei Hauptproblemfelder sind:</p> <ul> <li>Wann <em>lohnt</em> sich das Erstellen einer Klasse?</li> <li>Konzept für (hierachisch verschachteltes) margin und/oder padding</li> </ul> <p>Falls jemand hierzu ein gutes praktisches, möglichst bildhaftes Beispiel aus dem Netz kennt würde ich mich über einen Link freuen.</p> <p>Gruß</p> <p>M</p> <p>PS: Den Designwechsel in vier Stufen vom Ein-Spalten-Design (mobile first) zu Desktop-Design habe ich - zumindest schaut es für mich danach aus - mit jeweils recht wenig Überschreibungen in den @media-queries hinbekommen. Vermutlich kann es auch noch weniger sein, aber es überrascht mich schon wie wenig Anpassung letztlich notwendig ist um die Seite von einem zum anderen design wechseln zu lassen. Hier kann ich soviel nicht falsch gemacht haben.</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776591#m1776591 Rolf B 2020-10-15T13:58:51Z 2020-10-15T13:58:51Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hallo michaah,</p> <p>ui, das ist schwerer Tobak.</p> <p>Der grundsätzliche Unterschied von Margin und Padding ist:</p> <p>(1) Margins können überlappen. D.h. wenn ich zwei Boxen übereinander habe, und beide haben <code>margin:2em</code>, dann ist der Abstand zwischen den Boxen 2em, nicht 4em.</p> <p>(2) Margins können über das Parent-Element hinausgreifen. Ich habe bspw. ein figure-Element mit margin:1em und padding:0. Darin ist ein p Element mit margin:2em. Nun kommt es darauf an, ob das figure-Element eine Blockformatierungsumgebung (BFU) aufbaut (siehe <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context" rel="nofollow noopener noreferrer">MDN</a>, unser Wiki ist da nicht gut bzw. auch falsch bestückt). Mit BFU bleibt der Margin des p Elements in der Figure. Ohne BFU wird das p an den Innenrand des figure gesetzt, sein Margin greift über das figure-Element hinaus und würde ihn in diesem Beispiel vergrößern.</p> <p>(3) Padding kann zur Größe des Elements gehören (siehe block-sizing Eigenschaft und Jahrzehnte des Quirksmode im Internet-Explorer), Margin nie.</p> <p>Bestimmt gibt's noch mehr, und genau diese Unterschiede muss man kennen, um zu wissen, ob padding oder margin besser ist. Oft ist es aber auch einfach wurscht.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776602#m1776602 michaah 2020-10-15T14:44:27Z 2020-10-15T14:47:07Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Danke für deine Mühe, sorry to say, das ist aller klar. Ich suche <em>bespielhafte</em> Konzepte, nicht Regeln.</p> <p>Und im Moment habe ich gaaaaaaaaaaaanz andere Probleme weil ich mir eben mein CSS <em>zerputzt</em> habe und meine history nicht weit genug zurückreicht, es ist zwar nicht der super GAU, aber nahe am GAU.</p> <p>Jetzt habe ich ca. 10 Baustellen ohne Ahnung wo <em>jeweils</em> der Fehler liegt, solche in der Art das meine CSS Definition für "hr" (ja, das verwende ich an zwei Stellen) schlichtweg unbeachtet bleibt, stattdessen eine Browsereigene reinkickt und ich nun bereits mehr als einen halbe Stunde damit verbringe diese hr irgendwie anzusprechen ... ohne jeden Erfolg</p> <p>Ja, vor dem Aufräumen Sicherungskopie, Danke, aber jetzt habe ich ander Sorgen ...</p> <p>Ich habe null Plan wie ich dem nun Herr werden soll, was ist den daran falsch:</p> <pre><code class="block"> hr { height: 2px; color: #FFB133; border-style: solid; background: #FFB133; margin: 0 auto 0; } </code></pre> <p>Selbst wenn ich dies explizit mit dem Selektor anzusprechen Versuche den mir der Inspektor anzeigt: <code>main.container > hr.breite</code> ändert sich nichts. Die oben deklarierten Farben sind Orangetöne, die angezeigte Farbe ist aber grau (wie im browser.css), die obigen Deklarationen tauchen im Inspector gar nicht mehr auf und ich habe keinen Plan wie ich den Fehler finden soll. Ich habe das gesamte CSS nach überschreibungen durchsucht und finde nichts ...</p> <p>Und das ist nur einer von x reingeputzen Fehlern ... ich wollte übezähligen whitespace bereinigen ....</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776608#m1776608 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T15:03:31Z 2020-10-15T15:03:31Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>@@Rolf B</p> <blockquote> <p>Bestimmt gibt's noch mehr, und genau diese Unterschiede muss man kennen, um zu wissen, ob padding oder margin besser ist.</p> </blockquote> <p>Der erste Unterschied, der mir einfällt: Wenn die Box eine eigene Hintergrundfarbe hat, soll der Rand um den Inhalt mit gefärbt sein (padding) oder nicht (margin)? Oder gar beides?</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776637#m1776637 Matthias Scharwies mscharwies@selfhtml.org 2020-10-16T05:17:58Z 2020-10-16T05:17:58Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Servus!</p> <blockquote> <p>(2) Margins können über das Parent-Element hinausgreifen. Ich habe bspw. ein figure-Element mit margin:1em und padding:0. Darin ist ein p Element mit margin:2em. Nun kommt es darauf an, ob das figure-Element eine Blockformatierungsumgebung (BFU) aufbaut (siehe <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context" rel="nofollow noopener noreferrer">MDN</a>, unser Wiki ist da nicht gut bzw. auch falsch bestückt). ...</p> </blockquote> <p>Magst Du da schöpferisch tätig werden?</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Abstand/margin#zusammenfallende_Au.C3.9Fenabst.C3.A4nde" rel="nofollow noopener noreferrer">CSS/Eigenschaften/Abstand/margin#zusammenfallende_Außenabstände</a></li> </ul> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776605#m1776605 Tabellenkalk 2020-10-15T14:57:40Z 2020-10-15T14:57:40Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hallo,</p> <blockquote> <p><code>main.container > hr.breite</code></p> </blockquote> <blockquote> <p>ändert sich nichts.</p> </blockquote> <p>bist du sicher, dass du in der richtigen Datei änderst und dir die auch anschaust? Hängt da noch ein Cache mitdrin, der die alte Version liefert?</p> <p>Gruß<br> Kalk</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776607#m1776607 Tabellenkalk 2020-10-15T14:59:56Z 2020-10-15T14:59:56Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hallo,</p> <blockquote> <p><code>main.container > hr.breite</code></p> </blockquote> <p>Hast du im HTML denn auch die Klasse "breite" für das hr-Element vergeben?</p> <p>Gruß<br> Kalk</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776610#m1776610 Marc self@mhis.de https://www.mhis.de 2020-10-15T15:21:23Z 2020-10-15T15:21:23Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hej michaah,</p> <blockquote> <p>Ich habe null Plan wie ich dem nun Herr werden soll, was ist den daran falsch:</p> <pre><code class="block"> hr { height: 2px; color: #FFB133; border-style: solid; background: #FFB133; margin: 0 auto 0; } </code></pre> </blockquote> <p>An dem code ist nichts falsch - der sorgt dafür, dass eine orange Linie angezeigt wird. Wenn das bei dir nicht klappt, ist der Fehler in einer Stelle des CSS, den du hier nicht zeigst (Klammer der letzten Regel nicht geschlossen?)…</p> <p>Marc (marctrix)</p> <div class="signature">-- <br> Ceterum censeo Google esse delendam </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776611#m1776611 michaah 2020-10-15T15:24:40Z 2020-10-15T15:24:40Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Definitiv : ja.</p> <p>Und dennoch getestet.</p> <p>Und ja, es ist die richtige Datei (und das ist das einzige was wirklich übersichtlich ist, der Ordner in dem dies hier passiert.</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776615#m1776615 michaah 2020-10-15T15:39:48Z 2020-10-15T15:39:48Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Definitiv keine fehlende Klammer in der vorhergehenden Deklaration.</p> <p>Nur der Klarheit wegen:</p> <p>Am html habe ich nicht <em>geputzt</em>, nur CSS.</p> <p>Vor dieser Säuberungszerstörung funktionierte alles 1.a!</p> <p>Jetzt habe ich:</p> <ul> <li>teilweise falsche Abstände,</li> <li>teilweise falsch Textfarben,</li> <li><strong>keine</strong> der @media-queries funktioniert mehr</li> </ul> <p>... was mir aber nun, da ich das so deutlich festgestellt habe mehr Mut als Panik macht, weil das ein bisschen darauf hindeutet (ohhh, hoffentlich kein Wunschdenken) das hier (@media-queries) dann auch der Fehler zu suchen ist?</p> <p>Mein Putzen bestand ausschließlich im Löschen von whitespace, ja, dass man da ne Klammer zuviel erwischt ist denkbar wenngleich ich sehr vorsichtig war, weil ich erst letztes WE die ganze Nacht wegen <em>einer</em> fehlenden Klammer ..... Leider habe ich nichts womit ich dies per Computer überprüfen könnte (Debian-Linux + bluefish)</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776618#m1776618 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T16:12:09Z 2020-10-15T16:12:09Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>@@Marc</p> <blockquote> <p>Klammer der letzten Regel nicht geschlossen?</p> </blockquote> <p>Das machen nur Loser<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>. Wenn man bei der <a href="https://cssbattle.dev/" rel="nofollow noopener noreferrer">CSS Battle</a> gewinnen will, lässt man die Klammer (und andere unnötige Zeichen) am Ende weg. </p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>ja, genau die mit einem o <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776616#m1776616 Der Martin 2020-10-15T15:58:32Z 2020-10-15T15:58:32Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hallo M,</p> <blockquote> <p>Definitiv keine fehlende Klammer in der vorhergehenden Deklaration.</p> </blockquote> <p>aber wenn eine einzelne CSS-Regel plötzlich nicht mehr angewendet wird, ist der Grund sehr oft ein Fehler in der vorhergehenden Regel, der dazu führt, dass das Ende dieser und damit der Beginn der folgenden Regel nicht mehr richtig erkannt werden kann.</p> <p>Dasselbe gilt sinngemäß für ganze Regelsätze.</p> <p>Ich kenne das auch von C: Wenn der Compiler von jetzt auf gleich plötzlich Dutzende von Fehlern ausweist, ist die Ursache meistens <strong>eine</strong> Kleinigkeit wie etwa eine vergessene Klammer oder ein fehlendes Semikolon.</p> <blockquote> <p>Jetzt habe ich:</p> <ul> <li>teilweise falsche Abstände,</li> <li>teilweise falsch Textfarben,</li> <li><strong>keine</strong> der @media-queries funktioniert mehr</li> </ul> </blockquote> <p>Das deutet auf ein sehr allgemeines Problem hin, etwa dass das Stylesheet komplett nicht mehr geladen wird.</p> <blockquote> <p>... was mir aber nun, da ich das so deutlich festgestellt habe mehr Mut als Panik macht, weil das ein bisschen darauf hindeutet (ohhh, hoffentlich kein Wunschdenken) das hier (@media-queries) dann auch der Fehler zu suchen ist?</p> </blockquote> <p>Möglich. Solange du dir nicht helfen lassen möchtest, kann man nur raten.</p> <blockquote> <p>Mein Putzen bestand ausschließlich im Löschen von whitespace</p> </blockquote> <p>Wozu das? Whitespace lässt sich hervorragend komprimieren, und die meisten Server sind so konfiguriert, dass sie textbasierte Inhalte sowieso gzip-komprimiert ausliefern.</p> <blockquote> <p>Leider habe ich nichts womit ich dies per Computer überprüfen könnte (Debian-Linux + bluefish)</p> </blockquote> <p>Sehr viele Editoren bieten die Möglichkeit, (scheinbar!) zusammengehörende Klammernpaare optisch hervorzuheben. So kann man Klammerfehler eigentlich recht schnell entdecken.<br> Ich bin mir ziemlich sicher, Bluefish kann das auch.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Paradox: Wieso heißen die Dinger Kühlkörper, obwohl sie höllisch heiß werden? </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776617#m1776617 michaah 2020-10-15T15:59:07Z 2020-10-15T16:02:15Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>:-)</p> <p>Gefunden.</p> <p>Nur nicht ansatzweise in der Nähe der oben genannten Elemente, weder des "hr" Elements noch irgendeiner @media-query. Einer Deklaration für eine kurzen Text fehlte die schließende Klammer. Und obwohl das Folge-Element ausgegraut war habe ich das Fehlen der Klammer nicht entdeckt ... bis eben.</p> <p>Falls das hier jemand liest, der unter Linux arbeitet, vielleicht sogar auch mit bluefish ... und der scripten kann, ein script was die geöffneten und die geschlossenen geschweiften Klammern zählt, das wär's. Am bequemsten über die bluefish Werkzeuge aufzurufen ... das wäre sehr hilfreich. Ja, Klammernpaare findet bluefish auch so, aber nur wenn ich die jeweils mit der Maus markiere was sehr unhandy ist ...</p> <p>Im Moment bin ich erstmal froh, dass der GAU eingebremst werden konnte.</p> <p>Danke soweit, manchmal hilft es schon allein dass jemand anderes beginnt mitzudenken </p> <p>Jetzt ist erstmal Abendessen vor dem Aufräumen angesagt.</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776620#m1776620 Marc self@mhis.de https://www.mhis.de 2020-10-15T16:30:53Z 2020-10-15T16:30:53Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hej michaah,</p> <blockquote> <p>Danke soweit, manchmal hilft es schon allein dass jemand anderes beginnt mitzudenken </p> </blockquote> <p>Erstaunlich oft findet man den eigenen (Denk-) Fehler schon, wenn man jemand anders erklärt, was man wollte und was man versucht hat. ;-)</p> <p>Marc (marctrix)</p> <div class="signature">-- <br> Ceterum censeo Google esse delendam </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776619#m1776619 michaah 2020-10-15T16:20:12Z 2020-10-15T16:20:12Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <blockquote> <p>@@Marc</p> <blockquote> <p>Klammer der letzten Regel nicht geschlossen?</p> </blockquote> <p>Das machen nur Loser[^o].</p> </blockquote> <p>Wobei ich nun doch ganz froh bin wieder <strong>dieser</strong> Losergemeinschaft anzugehören.</p> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776621#m1776621 Der Martin 2020-10-15T16:43:46Z 2020-10-15T16:43:46Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hallo,</p> <blockquote> <blockquote> <p>Danke soweit, manchmal hilft es schon allein dass jemand anderes beginnt mitzudenken </p> </blockquote> <p>Erstaunlich oft findet man den eigenen (Denk-) Fehler schon, wenn man jemand anders erklärt, was man wollte und was man versucht hat. ;-)</p> </blockquote> <p>das kann ich aus jahrzehntelanger Erfahrung bestätigen!</p> <p>Schon in der Schulzeit habe ich manchmal bei Hausaufgaben in Mathe, Physik oder Chemie meine Mutter gefragt. Nicht weil sie sich in diesen Disziplinen wirklich auskannte - aber sie hat sich auch ohne fundiertes Wissen sehr dafür interessiert.<br> Und wenn man einem Unwissenden ein Detail erklären will, muss man zwangsläufig etwas ausholen und nachdenken: Wie war das noch gleich? Und dabei kommt man dann oft fast wie von selbst auf die Lösung der eigentlichen Aufgabe.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Paradox: Wieso heißen die Dinger Kühlkörper, obwohl sie höllisch heiß werden? </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776638#m1776638 Rolf B 2020-10-16T06:21:50Z 2020-10-16T06:21:50Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Hallo Matthias,</p> <p>OMG, da hast Du (oder sonst jemand) aber so richtig Zeit investiert. Und kein Wort darin über den Block Formatting Context, der dafür doch so wichtig ist.</p> <p>Mein "teils falsch" bezog sich übrigens auf die Erklärung der display Eigenschaft, wo unter "display:block" steht, dass dadurch grundsätzlich ein BFC entsteht.</p> <p>Das von Dir verlinkte Erklärungsmonster zur Margins hatte ich bisher noch nicht gesehen. Ich habe das Wiki nicht komplett quergelesen.</p> <p>Ich werde mir also nochmal die Specs anschauen, dabei hoffentlich keine wichtige übersehen und dann schauen, was ich tun kann.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/oct/15/allgemeine-vorgaben-konzept-fur-innen-und-aussenabstande-klassen-beispiel-gesucht/1776639#m1776639 Matthias Scharwies mscharwies@selfhtml.org 2020-10-16T07:15:05Z 2020-10-16T07:15:05Z allgemeine Vorgaben, Konzept für Innen- und Aussenabstände, Klassen ... Beispiel gesucht <p>Servus!</p> <blockquote> <p>Hallo Matthias,</p> <p>OMG, da hast Du (oder sonst jemand) aber so richtig Zeit investiert. Und kein Wort darin über den Block Formatting Context, der dafür doch so wichtig ist.</p> <p>Mein "teils falsch" bezog sich übrigens auf die Erklärung der display Eigenschaft, wo unter "display:block" steht, dass dadurch grundsätzlich ein BFC entsteht.</p> <p>Das von Dir verlinkte Erklärungsmonster zur Margins hatte ich bisher noch nicht gesehen. Ich habe das Wiki nicht komplett quergelesen.</p> </blockquote> <p>Ich auch nicht, :-)</p> <p>Oft stolpere ich über was Neues (oder vielmehr altes) und setze dann Querverweise.</p> <blockquote> <p>Ich werde mir also nochmal die Specs anschauen, dabei hoffentlich keine wichtige übersehen und dann schauen, was ich tun kann.</p> </blockquote> <p>Vielen Dank im Voraus!</p> <blockquote> <p><em>Rolf</em></p> </blockquote> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div>