Mindestwert für Bereiche

[J@nnik]

Mit "height" ist es ja möglich die Höhe für bestimmte Bereiche zu bestimmen. Wenn man bei height nichts angibt, dann bestimmt die Länge des enthaltenen Textes, die Länge des Feldes.

Ist es irgendwie möglich, dass die Länge weiterhin vom Text bestimmt wird, aber immer ein Mindestwert eingehalten wird. Also wenn der Mindestwert jetzt 500px ist und der Text wäre nur 300px lang, dann wäre das Feld trotzdem 500px lang. Wenn der Text aber 700px lang wäre, dann müsste das Feld auch 700px lang werden.

 

[Bernhard]

Mit "height" ist es ja möglich die Höhe für bestimmte Bereiche zu bestimmen. Wenn man bei height nichts angibt, dann bestimmt die Länge des enthaltenen Textes, die Länge des Feldes.

Ist es irgendwie möglich, dass die Länge weiterhin vom Text bestimmt wird, aber immer ein Mindestwert eingehalten wird. Also wenn der Mindestwert jetzt 500px ist und der Text wäre nur 300px lang, dann wäre das Feld trotzdem 500px lang. Wenn der Text aber 700px lang wäre, dann müsste das Feld auch 700px lang werden.

Hallo Jannik,

min-height ist Dein Freund...

Allerdings kann das der IE bis einschließlich Version 6 (?) nicht, daher:

min-height:500px;
height:auto !important;
height:500px;

Der IE bis Version 6 (?) kennt min-height nicht, ignoriert aber gleichzeitig auch
das !important - aber er dehnt anders als die anderen ein Element soweit aus,
dass der Inhalt hinein passt, d.h. er interpretiert height so, wie die anderen min-height...

Grüße
Bernhard

 

[J@nnik]

Funktioniert leider nicht. Also hier die geteste (noch im Aufbau befindliche Seite): Neue Website


Hier ein Teil des Quellcodes:

#whole {
width:1000px;
min-height:978px;
height:auto !important;
height:978px;
margin:0 auto;
margin-top:5px;
margin-bottom:5px;
background-color:#3300CC;
border:3px grey solid;
}

("#whole" ist das Feld, in dem der Text steht.)

 

[Soulwax]

Also wenn du dein div "mainsection" um folgendes erweiterst:

style="display: table;"

sollte es zumindest im Firefox funktionieren.

Vielleicht hilft dir der Ansatz?

 

[J@nnik]

Super, das funktioniert!!! Danke!

Zumindest in Firefox, Chrom und Safari - dummer Internet Explorer :(

 

[Efchen]

Funktioniert leider nicht. Also hier die geteste (noch im Aufbau befindliche Seite): Neue Website

Der Link geht nicht. Seite nicht gefunden.

 

[J@nnik]

Hatte am Seitenaufbau gestern was verändert. Der hier funktioniert jetzt: Neue Website

Aber mit stye=display:"table" funktionierts jetzt auch (mit Firefox, Chrom und Safari nur mit IE nicht).

 

[Efchen]

Also ist es keine Lösung, wenn es nicht im IE funktioniert.

Such mal nach "Faux Columns". Das ist das, was Du suchst.