Paule: Text unten platzieren

Guten Morgen,
ich hätte gerne das Impressum entweder

  • am unteren Rand, wenn die Seite nicht bis unten gefüllt ist
       oder
  • hinter dem normalen Inhalt, wenn er über mehrere Seiten geht.

Mit

  
impr {  
  position: fixed;  
  bottom: 0;  
}

bleibt das Impressum immer am unteren Rand auch wenn der Text über die Seite hinausgeht.

Mit

  
impr {  
                  /* position: fixed; */  
  bottom: 0;  
}

ist es zwar immer hinter dem normalen Inhalt, aber nicht am unteren Rand, wenn der Inhalt sehr kurz ist.
Ich hoffe ich habe mich klar ausgedrückt.
Wie bekomme ich das hin mit CSS?
Schönen Gruß
Paule

  1. @@Paule:

    nuqneH

    ich hätte gerne das Impressum entweder

    • am unteren Rand, wenn die Seite nicht bis unten gefüllt ist
         oder
    • hinter dem normalen Inhalt, wenn er über mehrere Seiten geht.
      […]
      Wie bekomme ich das hin mit CSS?

    Mit position: sticky – Demnächst in ihrem Browser.

    Bis dahin mit JavaScript je nach Gegebenheit umschalten. (Nicht nur beim Laden der Seite, sondern auch auf Änderungen der Viewportgröße/-orientierung reagieren.)

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    1. Hi,

      ich hätte gerne das Impressum entweder

      • am unteren Rand, wenn die Seite nicht bis unten gefüllt ist
           oder
      • hinter dem normalen Inhalt, wenn er über mehrere Seiten geht.
        […]
        Wie bekomme ich das hin mit CSS?

      Bis dahin mit JavaScript je nach Gegebenheit umschalten.

      min-height + ggf. position:relative für body, und das Impressum per position: absolute  bottom:0 ans untere Ende des body.

      Body ggf. noch mit margin-bottom versehen, so daß der body-inhalt vollständig sichtbar bleibt.

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      O o ostern ...
      Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
      1. Hi,

        min-height + ggf. position:relative für body, und das Impressum per position: absolute  bottom:0 ans untere Ende des body.

        Body ggf. noch mit margin-bottom versehen, so daß der body-inhalt vollständig sichtbar bleibt.

        Habe alle obigen Varianten durchgespielt - leider erfolglos.
        Ohne den konkreten Fall könnt Ihr sicher nicht weiterhelfen.
        Ich werde daher versuchen, die umfangreichen Dateien zu verkleinern ohne dass der Effekt verloren geht und dies dann ins Internet stellen.
        Wird aber etwas dauern.
        Gruß
        Paule

        1. Om nah hoo pez nyeetz, Paule!

          Habe alle obigen Varianten durchgespielt - leider erfolglos.

          Hast du dabei auch bedacht, dass impr kein gültiges HTML-Element ist und so vielleicht auch das CSS ins Leere läuft? ES kann natürlich auch sein, dass du lediglich einen Flüchtigkeitsfehler im CSS hast und der Selector .impr heißt.

          Es gibt aber auch sticky-footer-Lösungen.

          Matthias

          --
          Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Nut und Nutte.

          1. Hi Matthias

            Es gibt aber auch sticky-footer-Lösungen.

            Ja das ist ja super!
            Werde mich zunächst weiter damit befassen
            Danke
            Paule

      2. @@MudGuard:

        nuqneH

        Body ggf. noch mit margin-bottom versehen, so daß der body-inhalt vollständig sichtbar bleibt.

        Nicht „ggf.“; der Fall ist gegeben. Andernfalls überdeckt das Impressum den Inhalt, wenn der höher als der Viewport ist.

        Problematiisch daran: Man müsste die Höhe der Impressum-Box kennen.

        Qapla'

        --
        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
        1. Hi,

          Body ggf. noch mit margin-bottom versehen, so daß der body-inhalt vollständig sichtbar bleibt.

          Nicht „ggf.“; der Fall ist gegeben. Andernfalls überdeckt das Impressum den Inhalt, wenn der höher als der Viewport ist.

          Kommt drauf an. Wenn body ein passendes Padding hat ... ;-)

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          O o ostern ...
          Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
  2. Guten Morgen,
    schon ausgeschlafen oder gar zurück von der Maiwanderung;-)?

    Wenn ich das Beispiel in Fiddle aufrufe, so steht der Wert"Inhalt in dem Fiddle-Ergebnisfenster ganz oben.
    Wenn ich das gleiche HTML und CSS in einer Datei ausführe, so steht "Datei" erst in der zweiten Spalte. Warum?
    Wenn ich zwischen body und div einen Text schreibe, so steht dieser tasächlich in der ersten Zeile und "Inhalt" weiterhin in der zweiten Zeile.

    Schönen Gruß
    Paule