[PHP] Automatischer Zeilenumbruch im DIV-Bereich

[Neutral General]

Hi,

Alleeee Jahre wiiieeeder... Oder auch Tage...oder Stunden....
Hier bin ich wieder mit meinem nächsten Problem (Wer nicht fragt bleibt dumm )

Also Styles:

Code:

div.bookentry
{  
  width: 800;
  padding-left: 8px;
  padding-right: 8px;
  padding-top : 4px;
  float: left;
  font-family: "Lucida Blackletter";
}
div.entryoptions
{
  width: 300;
  float: right;
  border-left: 1px groove #000000;
  border-bottom: 1px groove #000000;
  font-family: "Times New Roman";
}

Pro Datenbankeintrag wird nun ein Eintrag erzeugt:

Code:

"<div class=\"bookentry\">
  <div class=\"entryoptions\">
    [b]Von: [/b]<a class=\"user\" href=\"index.php?mode=user&id=" . $userid . "\">" . $row['author'] . "</a>
   </div>"
   . $row['entry'] . "   
</div>"

Das Problem seht ihr hier.
In Worten: Im dritten Eintrag sollen die ddddddddddd's nachdem sie div.entryoptions erreicht haben in die nächste Zeile umgebrochen werden... Ich denke mal ihr versteht was ich meine...

Gruß
Neutral General

[cruiser]

width: 300px

sonst knallts und keine leerzeichen im CSS!

[SubData]

naja erstmal solltest du eine gültige Breitenangabe angeben...
300 was? Pixel? Millimeter?

Und danach könnte das hier interessant werden:
http://de.selfhtml.org/css/eigenscha...g.htm#overflow

[Neutral General]

Ja aber von overflow hilft mir nicht.

Was hilft mir wenn ich den Inhalt der überragt verberge?
Scrollbalken will ich nicht.
Sichtbar wars bisher sowieso und das is so wies grad is...
automatisch = Scrollbalken...



EDIT: Das mit den 300px hab ich berichtigt. Bringt aber nix...
EDIT: Ok es geht irgendwie grad.. es prallt an entryoptions ab und geht in die nächste Reihe...
Das Problem ist nur: Wie bekomme ich die entryoptions genauso groß (hoch/height) wie der Eintrag selbst ?

Code:

height: inherit;

geht nicht...

Gruß
Neutral General

[Matze]

Wenn dein Div-Container eine feste Breite hat, wird der Text (sofern du sonst nichts vermurkst hast) automatisch bei einem Leerzeichen umgebrochen. Zeige mal den Rahmen des Divs an (border), um zu sehen, ob der Text über's Div hinausgeht oder nicht. Dann weißt du gleich, was zu tun ist.

Du musst lernen solche Dinge auf diese Weise zu "debuggen" (ein besserer Begriff fällt mir gerade nicht ein), sonst wirst du immer Probleme haben und kannst diese nie alleine lösen.

[Neutral General]

Siehe Post über Matze..

Zitat:

Ok es geht irgendwie grad.. es prallt an entryoptions ab und geht in die nächste Reihe...
Das Problem ist nur: Wie bekomme ich die entryoptions genauso groß (hoch/height) wie der Eintrag selbst ?

Code:

height: inherit;

geht nicht...

[Neutral General]

ähm.. Hallo

Hat vielleicht jemand ne Idee wie ich die Größe von div.entryoptions dynamisch an die von div.entry anpasse ?

Gruß
Neutral General

[Matze]

Auch du kannst 24 Stunden warten.

Code:

div.entryoptions
{
  width: 300px;
  [color=#ff0000][b]height: 100;[/b][/color]
  float: right;
  border-left: 1px groove #000000;
  border-bottom: 1px groove #000000;
  font-family: "Times New Roman";
}

Da stellst du die Höhe ja auch fest ein (in welcher Einheit auch immer. Nutze mal den W3C-CSS-Validator). Um parallel ein 2. Div an die Höhe eines daneben liegenden anzupassen, benötigst du etwas umständliche Verschachtelungen. Daher vermeide sowas, wenn es geht. Sonst, ich erwähnte es schon, nutze Ggoogle und Finde.

[Thorben77]

Btw. ist das PHP im Titel nicht ganz richtig

[Neutral General]

Was so bisschen meinem Problem näher kommt ist

Zitat:

1) Container sollen "mitwachsen" - Faux Columns

Prinzip:

http://img90.imageshack.us/img90/233/fauxcols6cc.gif

Nur bei mir ist die Box Nr.1 IN Box Nr.2 ... Das müsste dann doch anders zu regeln sein oder?
Ich habs mal mit

Code:

height: 100%;

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

Gruß
Neutral General