Mit CSS Text im Kasten Formatieren

[Jens Niemeyer]

Hallo,

ich erstelle gerade einen Kalender in der Monatsansicht.
Dafür habe ich einen Tabelle mit 7x7 Zellen mit jeweils 100px mal 100px Größe erstellt.

Innerhalb der Zellen sollen (durch <br> getrennt) mehrere Zeilen Text dargestellt werden. Da einzelne Zeilen jedoch länger als 100px sein können, sollen diese entsprechend abgeschnitten werden.

Folgender Code funktioniert, bis auf den letzten Kasten:

<style type="text/css">
<!--
body { }
#box1 { border:1px solid blue;background-color:#E0E0E0;white-space:nowrap;;position:absolute; top:0px; left:0px; width:100px; height:100px; z-index:1; }
#box2 { border:1px solid blue;background-color:#E0E0E0;white-space:nowrap;white-space:nowrap;position:absolute; top:0px; left:100px; width:100px; height:100px; z-index:2; }
#box3 { border:1px solid blue;background-color:#E0E0E0;white-space:nowrap;position:absolute; top:0px; left:200px; width:100px; height:100px; z-index:3; }
#box4 { border:1px solid blue;background-color:#E0E0E0;white-space:nowrap;position:absolute; top:0px; left:300px; width:100px; height:100px; z-index:4; }
#box5 { border:1px solid blue;background-color:#E0E0E0;white-space:nowrap;white-space:nowrap;position:absolute; top:0px; left:400px; width:100px; height:100px; z-index:5; }
#box6 { border:1px solid blue;background-color:#E0E0E0;white-space:nowrap;position:absolute; top:0px; left:500px; width:100px; height:100px; z-index:6; }
#box7 { border:1px solid blue;background-color:#E0E0E0;white-space:nowrap;position:absolute; top:0px; left:600px; width:100px; height:100px; z-index:7; }
-->
</style>

<div id="box1"> Hello wororld, tjis ais as sdjsd<br>Second line </div>
<div id="box2"> Hello wororld, tjis ais as sdjsd </div>
<div id="box3"> Hello wororld, tjis ais as sdjsd </div>
<div id="box4"> Hello wororld, tjis ais as sdjsd </div>
<div id="box5"> Hello wororld, tjis ais as sdjsd </div>
<div id="box6"> Hello wororld, tjis ais as sdjsd </div>
<div id="box7"> Hello wororld, dies ist ein sehr langer Text der breiter als 100 Pixel ist</div>

Irgendwelche Ideen?

Danke
Jens

[Cheatah]

Hi,

Innerhalb der Zellen sollen (durch <br> getrennt) mehrere Zeilen Text dargestellt werden. Da einzelne Zeilen jedoch länger als 100px sein können, sollen diese entsprechend abgeschnitten werden.

dies erreichst Du mit der overflow-Eigenschaft, siehe http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#overflow.

Cheatah

[Jens Niemeyer]

Vielen Dank für die schnelle Anzwort!
Jens