Text fliesst aus dem Bildschirm

[Lehrling1991]

Hallo Zusammen

Ich hab den Auftrag für eine Seite, also hab ich als Beispiel 2 Layouts angefertig. Eines mit Tabellen und eines mit Div boxen.


Nun hab ich aber mit beiden das Problem, das im Content-Feld der Text über den Rand hinausfliesst. Eine horizontale Scrollbar ist nicht erwünscht, eine vertikale ist eingebaut.
Wie kann ich das Regeln das der Text nicht weiterfliesst sondern einen Umbruch macht am Rand?

Der Code des Tabellen-Layouts

<td valign="top" align="left" width="617px" height="500px">
                <div style="width: 870px; height: 500px; overflow-x: hidden; overflow-y: scroll">

Der Code des DIV-Layouts ist:

<div id="content" style="overflow: hidden; overflow-x: hidden; overflow-y: scroll">

Der CSS Code dazu:

#content
{
width: 650px;
height: 500px;
padding: 5px;
margin-left: 220px;
background: #D6D6D6;
}

Das Tabellenlayout ist mir nicht so wichtig. Wenn Ihr helfen könnt lieber für das DIV-Layout.

Hoffe auf etwas Hilfestellung.

Freundliche Grüsse und vielen Dank
Luca Summermatter

 

[Space Vampire]

was auch immer dein Problem ist, ist nicht in dem Code zu suchen, den du uns zeigst.
Dein CSS ist zwar ziemlich wüst und ich weiß auch nicht, warum du auslagerst UND das style-attribut fürs selbe element nutzt, aber direkt einen fehler kann ich nicht entdecken.
habs mal bissel angepasst und auf meinen space geladen...und funktioniert ohne nennenswerte änderungen
Test

 

[Elroy]

Hallo.

Gibst du deinem Text auch die Möglichkeit umzubrechen?

Gruss
Elroy

 

[Lehrling1991]

Hallo Zusammen

Danke beiden für die Antworten.

Nun Space Vampire danke vielmals für das Beispiel. Ich hab meinen Text aus den <p></p> Tags rausgenommen und dann hats funktioniert wie du gesagt hast.

aber wiso geht es nicht wenn ich den text in <p> tags eingeschlossen habe?
Im CSS Code hab ich nämlich keine Eigenschaften für <p> definiert.

Ich bin noch nicht so lange dabei. Wiso ist es denn wüst? wie wäre es besser deiner meinung nach? und es ist ausgelagert weil ich am probieren war... :)

und zu Elroy, ja demfall schon, aber es muss irgendwie an den Eigeschaften der <p> tags liegen das es nicht funktioniert hat.

MFG

 

[struppi]

aus welchen p-Tags? In dem Beispiel sind keine. Aber selbst wenn man dein Beispiel so erweitert, läuft kein Text aus dem Bereich. Zeig doch mal ein Beispielcode, der wirklich das macht was du schilderst.

 

[Space Vampire]

Ich hab meinen Text aus den <p></p> Tags rausgenommen...wie du gesagt hast.

Hab ich nicht gesagt! Hab in meinem Beispiel nur keine verwendet. Mein Fehler, falls das zu Missverständnissen geführt hat ;)

aber es muss irgendwie an den Eigeschaften der <p> tags liegen das es nicht funktioniert hat.

Nehm ich auch an. Zumindest in den Eigenschaften des betreffenden P-Tags.
Irgendwo ist da was definiert, was aus deinem Beispielcode nicht zu er esehen ist.

Wiso ist es denn wüst?

Wüst ist vielleicht etwas übertrieben.
Hauptsächlich wegen Auslagerung und style-attribut.
Auch im Style-attribut beendet man die letzte Eigenschaft mit einem ;
Außerdem hast du unnötiges CSS genutzt.

overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;

ist Overkill.

overflow-y: scroll;

reicht hier aus

 

[skizZ]

Offtopic: Ich musste doch mal laut lachen, als ich die Themenüberschrift in der Forenübersicht gelesen habe :-)

 

[Space Vampire]

ging mir genauso skizZ...ich stell mir sowas dann immer bildlich vor und sah buchstaben aus dem monitor raustropfen

 

[skizZ]

Ganz genau! Ich stelle mir da die Frage, was sich der Ersteller bei so einer Überschrift denkt ^^

 

[Space Vampire]

wahrscheinlich nichts schlimmes ;) seine problembeschreibung war ja dann unzweifelhaft, deswegen hab ich zu anfangs auch keinen blöden spruch gerissen :)
Aber das sollte als OT auch nun reichen

 

[skizZ]

was auch immer dein Problem ist, ist nicht in dem Code zu suchen, den du uns zeigst.

Achja, kein dummer Spruch?

ok nun genug OT, cu then ;)

 

[Space Vampire]

ich wüsste nicht, was an dieser feststellung einem dummen spruch gleich kommt.
ich find den ziemlich treffend, sachbezogen und unmissverständlich.
und falls der textauszug doch missverständlich ist, sei an dieser stelle klargestellt, dass sich "...was auch immer dein Problem ist..." nicht auf dem TS sondern auf sein Codeproblem bezieht, welches sich nicht aus dem gezeigten code herleiten lässt ;)
alle klarheiten beseitigt?

 

[skizZ]

War mir schon klar, liest sich aber mit dem entsprechenden Hintergedanken viel lustiger :)