fixierter div wird höher als Anzeigefenster

[Linuchs]

Moin,

wenn ihr die problematische Seite in einem kleinen Anzeigefester zeigt und dann auf "Filter" klickt, kann man den unteren Bereich des aufgeklappten Textes nicht lesen und auch nicht dorthin scrollen, obwohl

#titel {
  position: fixed;
  left: 50%;
  max-height: 100%;
  ...
}

Die Breite wird erkannt, die max. Höhe aber nicht. Warum?

Linuchs

[Matthias Apsel]

Hallo Linuchs,

#titel {
  position: fixed;
  left: 50%;
  max-height: 100%;
  ...
}

Die Breite wird erkannt, die max. Höhe aber nicht. Warum?

Prozentangaben beziehen sich auf die Abmessungen des Elternelements, nicht auf den Viewport.

Bis demnächst
Matthias

[Linuchs]

Hallo Matthias,

Prozentangaben beziehen sich auf die Abmessungen des Elternelements, nicht auf den Viewport.

Das weiß ich. Elternelement ist body, habe ich mal rot umrahmt. Die Höhe von body ist also bekannt.

Linuchs

[Matthias Apsel]

Hallo Linuchs,

Das weiß ich. Elternelement ist body, habe ich mal rot umrahmt. Die Höhe von body ist also bekannt.

body hat in deinem Fall eine Höhe von auto. 100% von auto ist auto.

Bis demnächst
Matthias

[Linuchs]

Hallo Matthias,

body hat in deinem Fall eine Höhe von auto. 100% von auto ist auto.

html {
  height: 100%;
}
body {
  height: 100%;
  border: 2px solid #f00;
}

Und nu?

[Matthias Apsel]

Hallo Linuchs,

Und nu?

Du möchtest, dass das Element nicht höher als der Viewport wird. Also sind Prozentangaben nicht zielführend.

https://wiki.selfhtml.org/wiki/CSS/Wertetypen/Zahlen,_Maße_und_Maßeinheiten

Bis demnächst
Matthias