text geht über div hinaus bzw zieht ihn mit

[florian1x]

also ich hab ein news script geschireben auf www.4lternative-gaming.de
jetzt is mein problem der zieht alles total lang. bzw bei mozilla geht der text einfach über den rand
ich will aber das der am rand nen zeilen umbruch macht.

mein code

<div class="midtitle">
News
</div>

<?php
                $res = mysql_query( "select * from news ORDER BY ID DESC LIMIT 10", $db );
                if( $res ) {

                  while(( $row = mysql_fetch_assoc( $res ))) {

                   echo "<div class='news'>" ;
                
                
                    echo "<div class='newsheadline'>". $row["Titel"] . "</div>";



                  
                    echo "<div class='newscontent'>
                             <table class='news'>
                               <tr>
                       <td class='newspic'>
                           <div class='newspic'>
                                         <img class='newspic' src='Image/" . $row["Topic"] . ".jpg'>
                                     </div>
                       </td>
                                 <td class='newspic'>
                           <div class='newstext'>
                              " .  $row["Inhalt"] . "
                           </div>
                       </td>
                    </tr>
                   </table>
                  </div>";
                
                   echo "</div>";


                  }
                }
?>

 /*#########################################*/
/*##  News -Anfang                       ##*/
/*#########################################*/
div.news {
	border: solid 1px rgb(255,255,255);
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.newsheadline {
	border-bottom: solid 1px rgb(0,0,0);	
	float: top;
	height: 30;
	width: 100%;
	text-align: center;
	background-image:url(Image/Welcome.gif);
	color: rgb(255,255,255);
	padding: 0px;
	margin: 0px;
}
table.news{
  width: 100%;
  color: rgb(255,255,255);
  padding: 0px;
	margin: 0px;
}
div.newspic{
	width: 100px;
	right: 100px;
	padding: 0px;
	margin: 0px;
}
div.newstext{
  margin-left:30px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
img.newspic {
	width: 100px;
	right: 600px;
	padding: 4px;
	border-right: solid 1px rgb(255,255,255);
	margin: 0px;
}
div.newscontent {
  width: 100%;
	color: rgb(255,255,255);
  padding: 0px;
	margin: 0px;
  }
/*#########################################*/
/*##  Navigation - Ende                  ##*/
/*#########################################*/

[XGremliN]

CSS: overflow sollte helfen.

Ist aber eigentlich im falschen Forum denke ich, sollte nach HTML...

[florian1x]

stimmt sry ich versuchs ma

[florian1x]

mhh dann aknn ich nen scrooll balken einfügen aber ich wil ja dass der nen zeilenumbruch macht

[XGremliN]

Wenn du in dem <div> richtigen Text stehen hast, dann wird der doch sowieso an Leerzeichen umgebrochen.

[florian1x]

also ich habe einen normalen string in der datenbank und lade diesesn dann in mein script und gebe ihn über echo aus

er darf evtl auch html elemente enthalten tut er aber bisher net

[XGremliN]

Nimm das overflow wieder raus, und schreib mal anstatt 'aaa...aaaaaaa' einen Text, der auch Leerzeichen enthält rein.

PS: Sieh dir mal die Box an, wo du hier im Forum Antworten drin schreibst.

[florian1x]

danke ich versuchs einfach ma

[florian1x]

ok stimmt es funktioniert ^^
mhh aber nornal sollte der doch auch nach den aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa einen zeilenumbruh machen