iframe zwei Zeilen höher als nötig

[Rolf B]

Hallo Linuchs,

das ::after-Element selbst hat auch nur eine Höhe von 0.

Aber trotzdem - ist es inline, hat der footer eine Innenhöhe von 0 (weil die gefloaten Elemente bei der Höhenberechnung nicht mitzählen).

Und ist es block, beträgt die Innenhöhe 26. Das ist die Höhe der <p> Elemente inclusive ihres Margins. Offenbar entsteht bei einem display:block im footer ein Block Formatting Context und bei display:inline nicht.

Bei genauerem Hinschauen: die folgenden Zeilen sehen harmlos aus:

  <footer>
    <p>© 2008-2021 Osmer Softwareentwicklung, Groß-Gerau</p>
    <p><span id=info>x</span> &nbsp; p591b_mini | remso's gast | 0.192 sec</p>
  </footer>
<script>

Aber sie sind es nicht. Zwischen </footer> und <script> ist nicht nur ein Zeilenumbruch. Vor dem <script> ist noch ein BOM &#65279; - und das ist der party pooper. Wenn ich das mit den Entwicklertools herausoperiere, verschwindet der Leerraum auch.

Offenbar wird das BOM nicht als Whitespace gerechnet, wodurch der Text eine Box erzeugt. Ich konnte das jetzt nicht mehr so richtig zu Ende probieren, weil irgendwer ein display:flex auf die Seite geschmuggelt hat 😂

Rolf