Hallo,

hab ein Problem.
Und zwar habe ich einen div, in den der jeweilige Text kommt.

<div style="width:100; height:100; overflow:auto; padding:0.3em; padding-bottom:1em; border:1px solid #FF0000">
jeweiliger Text
</div>

Nun hat das ganze aus einem mir unerklärlichen Grund einen Schöhnheitsfehler:
Solange der text normal in diesen div passt ist alles in Ordnung, ist er jedoch zu groß, kommen die scrollbalken (ok) und der padding wird oben rechts und links auch beachtet (auch ok) nur eben nicht der padding unten, d.h., unten endet der Text direkt in der border des divs...

Wie kann ich es erreichen, dass dieser padding-bottom beachtet wird bzw. umgesetzt, verstehe das problem nicht...?

grieß

Hallo,


Ich weiß jetzt nicht ganz genau was Du bezwecken möchtest. Wenn es Dir um den Abstand des übergeflossen Textes zum umgebenden Inhalt geht, versuche mal das hier:

Um das Überfließen sehen zu können, muss dann noch etwas mehr Text rein, aber es geht ja um das Prinzip.

Folgender Code funktioniert bei mir sowohl im FF als auch im IE wie gewollt:Der Abstand nach unten wird so umgesetzt wie angegeben, d. h. wenn ich in der Box ganz nach unten scrolle, habe ich unten noch eine Leerzeile. Es funktioniert auch mit jeder anderen Angabe für padding-bottom. Insofern kann ich dein Problem nicht nachvollziehen.

Nebenbei noch bemerkt: Auch wenn die Browser es so akzeptieren und auch wie gewollt umsetzen, würde ich die Angabe von "px" bei Höhe und Breite empfehlen.

Hallo,


das mit den px ist wohl richtig. Wenn soviel Text im Container ist, dass der Scrollbalken erscheint, dann gehen beim Scrollen die oberen bzw. unteren Abstände verloren. Ich meine verstanden zu haben, dass er diesen Abstand eben doch erhalten möchte.

Und ich meine geschrieben zu haben, dass der Abstand von 1em (=1 Zeile) bei meinen Tests erhalten blieb. Hast du auch getestet und bist zu einem anderen Ergebnis gekommen? Und schreibe ich wirklich so unverständlich ?


Ergänzung: Falls er natürlich will, dass auch der ungescrollte Text einen Abstand hat (dass quasi ungeachtet der Textposition am unteren Rand der Box immer ein weißer Rand von der Höhe einer Zeile bleibt), dann geht das so natürlich nicht. Da müsste er mit mehreren DIVs arbeiten und in den Scroll-DIV einen zweiten, weiße DIV reinsetzen, der eine Zeile hoch ist und am unteren Rand kleben bleibt. Ob das aber bei allen Browsern funktioniert ...

Hallo,


und wer hat jetzt nicht gelesen? Und Du kannst sicher sein, dass ich hier keine ungetesteten Dinge von mir gebe.

Ich habe folgendes gelesen:und das stimmt eben nicht. Der Text endet nämlich eine Zeile über dem Rand der Box, was man deutlich sieht, wenn man bis zum Ende der Box scrollt. Ich betone das noch einmal, weil der TE das durchaus klarer hätte formulieren können. So musste man sich erst in die Gedankenwelt des TE hineinversetzen um aus dem Geschriebenen das tatsächlich gemeinte heraus zu finden. Also gelesen habe ich ich, nur nicht weit genug für den TE mitgedacht .Davon gehe ich grundsätzlich aus - trotzdem frage ich lieber nochmal nach, wenn mir etwas unklar ist .