Text unten platzieren

[Paule]

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

[Gunnar Bittersmann]

@@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'

[MudGuard]

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

[Paule]

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

[Matthias Apsel]

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

[Paule]

Hi Matthias

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

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

[Gunnar Bittersmann]

@@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'

[MudGuard]

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

[Paule]

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