CSS-Anfängerfrage: automatischer Textumbruch bei Blöcken

Gryfie · 21.01.2005, 05:08

Ich wollte einen kleinen Block definieren und den dann mit Text auffüllen lassen.
Wie macht man sowas mit automatischem Zeilenumbruch?
Hier mal meine CSS-Datei:

HTML-Code:

#textbox
{
   position:absolute;
   top:10px;
   left:10px;
   bottom:10px;
   width: 380px;
   z-index:1;
   background: red;
 }

Hier meine Index-Datei:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Vorwort</title>
<link href="../css/andisweb.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class= "navibar"><h5>
<a href="">Home</a>
<a href="links">Links</a>
<a href="gaestebuch">Gästebuch</a>
<a href="impressum">Impressum</a>
</h5></div>
<div id="textbox">Hier soll ein ellenlanger Text rein, der dann automatisch umgebrochen wird.Hier soll ein ellenlanger Text rein, der dann automatisch umgebrochen wird.Hier soll ein ellenlanger Text rein, der dann automatisch umgebrochen wird.</div>
</body>
</html>

walter · 21.01.2005, 07:41

Passt doch! So wie dus gecodet hast wird der Text automatisch umgebrochen.
Der Kasten wird 380px breit und der Text bricht am Ende um.

Hast dus getestet, und es funktioniert nicht?

321 · 21.01.2005, 14:43

Mal bissi Werbung für meinen 'HTML-Tester':

habs eben so getestet und es funktioniert einwandfrei!
Vermutlich wurde seine CSS nicht gefunden.

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Vorwort</title>
<style>
#textbox
{
   position:absolute;
   top:10px;
   left:10px;
   bottom:10px;
   width: 380px;
   z-index:1;
   background: red;
 }
</style>
</head>
<body>
<div class= "navibar"><h5>
<a href="">Home</a>
<a href="links">Links</a>
<a href="gaestebuch">Gästebuch</a>
<a href="impressum">Impressum</a>
</h5></div>
<div id="textbox">Hier soll ein ellenlanger Text rein, der dann automatisch umgebrochen wird.Hier soll ein ellenlanger Text rein, der dann automatisch umgebrochen wird.Hier soll ein ellenlanger Text rein, der dann automatisch umgebrochen wird.</div>
</body>
</html>

Gryfie · 21.01.2005, 20:46

Hi

Zitat:

Zitat von walter999

Hast dus getestet, und es funktioniert nicht?

Hatte meinen Ursprungstext ohne Leerzeichen. Daher hat er es nicht umgebrochen

Doch nun eine andere Frage zu meinem Beispiel:

Im Firefox stellt er das Rechteck über das ganze Fenster in der Hoehe.
(ausser dem Margin). So hatte ich mir das gedacht.

Im IE passt er die Hoehe des rechtecks an den Inhalt an.

Muss ich damit leben, wenn ich kein height nehmen will?

Mfg

Andreas Joos

walter · 21.01.2005, 20:57

Also das bezweifle ich aber jetzt auch. Habs aber nicht getestet. Normal sollte sich das div an den Text in der Höhe anpassen!?

Werde wenn ich kurz Zeit habe mal testen!

[edit]
Stimmt, geht über die komplette Höhe. Wenn du die absolute Positionierung raus nimmst, gehts. Aber das ist ja nicht Sinn der Sache.

Hab mit absoluter Positionierung nicht wirklich viel am Hut. Ich floate lieber.
Ich sag mal ganz mutig: Terry wird dir helfen.

Sorry, kann momentan auch nicht weiter helfen.

Terry · 22.01.2005, 14:51

Soso - Walter, meinst Du?

Könnte sein!

Die Positionierung

HTML-Code:

position:absolute;
   top:10px;
   left:10px;
   bottom:10px;

versteht der IE so nicht - der kann keine drei Positionsangaben auf einmal verwerten - das können nur gute Browser.

Eine gute Lösung gibt es nicht - hier mal ein Workaround:
1. den IE in den Quirksmodus schicken - ist bei Deinem Doctype im Standardmodus - mach einfach einen Kommentar davor - dann ist der IE im Quirksmodus.
2. die Positionierungsangaben für gute Browser vor dem IE verstecken -> hier sind ein paar Möglichkeiten, wie man sowas machen kann: http://home.arcor.de/terrikay/tutorials/ieweichen.html
3. Dem IE extra folgendes mitgeben:

HTML-Code:

position:absolute;
top:0;
left:10px;
height:100%;
border-top: 10px solid white;
border-bottom: 10px solid white;

Dies muß aber vor den anderen Browsern versteckt werden. Das funktioniert, weil der IE dann das Box-Modell falsch berechnet. -> Muß dann aber für alles auf der Seite bedacht werden.

Habs grad nicht getestet - sollte aber klappen.

walter · 23.01.2005, 06:29

Ich wußte doch das auf Terry Verlass ist.
Jetzt weiß ich auch warum ich ungern absolut positioniere.