[PHP] Automatischer Zeilenumbruch im DIV-Bereich

[Thorben77]

Ich bin mir nicht sicher, ob ich genau verstanden hab, was du willst, aber ich versuchs mal:

Du willst, dass der schwarze Rahmen rechts neben dem Text bis nach unten geht? Dann musst du ihn auch für ein Element festlegen, dass den ganzen Text umfasst:

Code:

<div class="bookentry">
  <div class="entryoptions">
    [b]Von:[/b]
    [url="index.php?mode=user&id=3"]Webmaster[/url]
  </div>
  [color=#0000AA][b]<div class="text">[/b][/color]
    Es war einmal ein Programmierer … 
  [color=#0000AA][b]</div>[/b][/color]
</div>

Und dann im Stylesheet:

Code:

div.text {
  border-right: 1px solid #000;
}

Damit der Rahmen allerdings auch links von entryoptions ist, musst du dem text-Block noch einen rechten Außenabstand größer oder gleich der Breite des entryoptions-Blocks geben:

Code:

div.text {
  border-right: 1px solid #000;
  [color=#0000AA][b]margin-right: 300px;[/b][/color]
}

[Neutral General]

Daaanke

Ich hoffe das ich ab jetzt zumindest mit CSS alleine zurecht komme
Danke mal wieder für eure Hilfe...

Gruß
Neutral General

[alcaeus]

Zitat von Neutral General:

Ich habs mal mit

Code:

height: 100%;

bei div.entryoptions weil das meiner Meinung nach logischerweise funktionieren müsste aber da tut sich nix...

Mal kurz zur Erklaerung: in CSS 2.1 gibts noch ein kleines Loch in der Spezifikation was die Hoehe betrifft. Du kannst eine relative Hoehe nur dann definieren, wenn das Containerelement eine Hoehe definiert hat - egal ob diese nun relativ oder absolut ist, ist dann eigentlich egal. Sowas:

Code:

<div>
  <div style="height:100%;width:20em;float:left;>asdf</div>
  <div style="margin-left:21em;"></div>
</div>

wird das linke div nicht wachsen lassen.

Was du versuchen kannst ist, die Hoehe ueber die Angabe von top und bottom bei position:relative zu regeln. Ob das funktioniert muesste ich aber selbst erst testen.

Greetz
alcaeus