ABAKUS

neues problem vom css-analphabeten:

<div style="float:left;width:250px;">
<div>
</div>
</div>

das äußere div dient links als container für diverse sichtbare blöcke, die navigation etc. enthalten sollen.
in der regel füllen die inneren blöcke einfach das gesamte äußere div.
wenn jetzt aber ein zusammenhängender string in einen inneren block eingetragen wird, der die knapp 250px überschreitet, verlässt der text die divs.

max-width im inneren div einzustellen bringt auch nix.
gibt es dafür eine lösung? ich könnte mit abgeschnittenem text oder scrollbars leben. eine autosilbentrennung wird es wohl erst in hyperhtml geben, dass mit greenhorn 2007 released wird.

overflow:hidden
overflow:scroll

wenn Du magst , dass der Text weiterhin lesbar bleibt, dann musst Du
overflow:auto nehmen,
hat jedoch den Nachteil, dass der IE, sollte der Text einmal nur eine Zeile lang sein,
sofort einen vertikalen Scrollbalken liefert und das ganze derart zusammendrückt, dass es unlesbar wird.

Dies kannst Du lösen indem Du dort wo Du overflow:auto verwendest genug padding-bottom gibst.
Wird zwar dann in Browser ein bisschen hoch, aber bleibt im IE lesbar.

Gibst Du dann dem ganzen noch ein ausreichendes
line-height sieht es sogar wirklich gut aus


wieso overflow auto
nun overflow scroll liefert immer einen Scrollbalken, egal ob er benötigt wird oder nicht,
das muss ja nicht sein
overflow hidden schneidet den Text, der zu breit zu hoch etc, wird, einfach ab.

lg
einfach


edit: Du kannst -um dies zu verhindern, dem inneren div aber auch ein
display:block geben und 100% width.
display block bricht Zeilen um
100% width geht, da der äußere div dies ja auffängt,
so der äußere div eine id hat , weil die schlägt in der Hierarchie der Befehle das div ohne id