Komplette Seite verzieht sich

[RageNo1]

Hallo,
wenn jemand einen auf meiner Seite einen Kommentar abgibt,
wird automatisch nach ein Zeilenumbruch gemacht sobald
die fetgelegte Breite der Tabelle erreicht ist.

Wird nun aber ein Superlanges Wort eingegebenen oder ein
Zahlenstring wie zum Beipsiel hier, so verschiebt sich die ganze Seite!

Wie kann ich das unterbinden und die Seite sozusagen feststellen,
sodass die Tabellenbreite so bleibt wie eingestellt.

Mfg Ragey

 

[mov]

Wenn ich dich richtig verstanden habe kommt die Eingabe von einem User. Du kannst zwar mit <wbr> im Wort einen Zeilenumbrucheinfügen aber, das wird wohl kaum einer deiner User machen.

Wird der Kommentar von einem PHP-Script verarbeitet? Dann könntest da was machen.

 

[RageNo1]

Wenn ich dich richtig verstanden habe kommt die Eingabe von einem User. Du kannst zwar mit <wbr> im Wort einen Zeilenumbrucheinfügen aber, das wird wohl kaum einer deiner User machen.

Das glaube ich auch nicht.

Ich bin der Meinung das es einen CSS Sytle gibt welcher das verhindert.
zwar wird dann das Wort abgehackt aber wenigstens bleibt die Seite dann sauber.

Ich habe für die Tabelle den Code hier:

#news {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
          }

Nun müsste dort der Befehl noch rein der das verschieben verhindert.
Kann auch sein das ich total falsch liege aber es müsste solch einen Befehl geben.

Mfg Ragey

 

[Stibie]

Jep, du kannst das mit overflow:hidden; bewirken!

 

[RageNo1]

#news {
                overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
          }

So sieht der Code nun aus aber es will nicht funktionieren.
Es verschiebt sich immernoch alles.

Schade noch jemand eine Idee?

Mfg Ragey

 

[Maik]

Mal was grundsätzliches:

ID's können in einem Dokument nur einmal vergeben werden. Du rufst die ID #news in der Seite aber mehrmals auf. Empfehle dir daher, für die relevanten Tabellenzellen die CSS-Klasse .news zu verwenden.

[ editpost ]
Das gleiche gilt auch für die mehrfach verwendeten ID's #main, #navi2 und #navi3.

 

[RageNo1]

D.h. ich ändere die Bereiche in .news .navi usw. oder wie ist das zu verstehen?
Und wie binde ich das dann ein?

Mfg Ragey

 

[Maik]

Korrekt.

Eingebunden werden CSS-Klassen so:

<td class="navi" width="170" height="29" valign="top">44 user online</td>

<td class="navi2" height="25" valign="top">contact</td>

<td class="navi3" height="45" valign="top"> ... </td>

 

[Stibie]

und die klasse machst du dann halt so:

td.news {
}