CSS, dynamische höhe

Hallo,
ich suche nun verzweifelt und befürchte langsam es gibt keine Lösung für mein Problem…
Kann man mittels CSS eine dynamische Höhe eines DIV-Layers bestimmen?
mittels margin-left und right kann ich ein Layer über eine dynamische Breite positionieren, nur mit margin-bottom geht’s nicht, da immer als Rand das unterste Objekt genommen wird.

Hoffe ich habe mich einigermaßen verständlich ausgedrückt…

Danke für etwaige Tipps

Gruß

Marcel

Kann man mittels CSS eine dynamische Höhe eines DIV-Layers
bestimmen?

Ansonsten versuch’ mal, mit den Attributen „height“, „min-height“ (das kann IE nicht, aber wer braucht den schon) und „overflow“ zu spielen. Du musst natürlich berücksichtigen, dass sich die Größe eines Elements aus dem Parent bestimmt, wenn du per Margin anpasst.

Hallo,
verstehe nicht ganz warum, das Browserfenster ist im Prinzip unendlich hoch.

Wenn du es auf der Sichtbaren Seite festnageln möchtest:
-position:absolute; und dann vom z.B. unteren Rand.

mit HEIGHT und OVERFLOW hab ich mal was geamcht…

height kann als Prozentwert einen Wert erhalten, der sich am übergeordneten Element orientiert. Am Anfang brauchst du einen festen Wert, entweder Browserfenster oder Größe der Seite.

max-height - wenn max. Height benutz wird ist overflow auf hidden zu setzen. (lt. Spezifik. nicht für Tabellen !) funzt im N6;O7;MOZ
IE6 macht Einschränkungen bei Tabellen und liegt damit am nächsten an den Spezifikationen.

overflow - dient dient für elemente die zu gross sind für die elemente in denen sie angezeigt werden sollen. (sollte überall laufen ausser N4)

weiterhin:
text-overflow - bezieht sich dabei auf TEXT (clip oder ellipsis)
nicht in den Spezifik. enthalten (nur WIN/IE 6 mind.)

Kleines Bsp:
„Content“ bildet hierbei das „parent“-Element, „content-innen“ ermöglicht die Höhe anzugeben.

#content {width:200px;height:200px;}
#content-innen {width:50%;height:30%;max-height:50%;
background-color:#DDDDDD;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

huhu

huhu

Hoffe es hilft, wenn du was anderes hast, waere nett davon zu erfahren.

Gruss
Michael

http://www.stoerfang.de

Hi,

verstehe nicht ganz warum, das Browserfenster ist im Prinzip
unendlich hoch.

das Browserfenster ist der Viewport, und der hat eine begrenzte Höhe.

height kann als Prozentwert einen Wert erhalten, der sich am
übergeordneten Element orientiert. Am Anfang brauchst du einen
festen Wert, entweder Browserfenster oder Größe der Seite.

Wenn Du mit „fester Wert“ meinst, dass Prozentwerte nicht gültig sind, ist das falsch.

max-height - wenn max. Height benutz wird ist overflow auf
hidden zu setzen.

Unsinn. Wieso das?

(lt. Spezifik. nicht für Tabellen !)

Laut Spezifikation für so einiges nicht, wohl aber für Tabellenzellen.

IE6 macht Einschränkungen bei Tabellen und liegt damit am
nächsten an den Spezifikationen.

Mir ist nicht bekannt, dass der IE bei _irgendwas_ am nächsten an der Spezifikation liegen würde. Im allgemeinen ist es schon ein Wunder, wenn er zumindest im Ansatz rankommt.

text-overflow - bezieht sich dabei auf TEXT (clip oder
ellipsis)
nicht in den Spezifik. enthalten (nur WIN/IE 6 mind.)

text-overflow ist Teil von CSS/3.0.

Cheatah