Supportnet / Forum / Webseiten/HTML
Ungewollter Zeilenumbruch im IE
Frage
Tach!
Ich hab ein Prob mit dem IE und dieser Seite:
[code]
<html>
<table border>
<tr>
<td>
<form>&.n.b.s.p;Input: <input type="text" size="5"></form>
</td>
</tr>
</table>
</html>
[/code]
Firefox und Opera stellen sie so dar, daß die Tabellenzelle die Höhe 1 hat. Nur der IE macht einen Zeilenumbruch, sodaß die Zelle doppelt so hoch wird. Wie kriege ich es hin, daß alle Browser nur eine Zeile machen?
PS: Das &.n.b.s.p; im Code ist im Orginal ohne die Punkte dazwischen. Es soll verhindern, daß der erste Buchstabe an der Tabellenbegrenzung "klebt".
Gruß,
Ramiin
Antwort 1 von rfb
auch hierfür gibts CSS
die Eigenschaft kannst du auch anderen tags zuordnen.
<span style="white-space:nowrap;">alles im Span wird nicht umgebrochen</span>die Eigenschaft kannst du auch anderen tags zuordnen.
Antwort 2 von Ramiin
Hi rfb!
Was muß dieser <Span> denn umschließen? Folgendes hab ich -leider ohne Erfolg- probiert:
Ich hoffe Du verzeihst mir meine nichtvaliden Ausrutscher. Es war die Verzweiflung, die mich dazu gebracht hat! ;-)
Gruß,
Ramiin
Was muß dieser <Span> denn umschließen? Folgendes hab ich -leider ohne Erfolg- probiert:
CSS um die Form:
<td>
<span style="white-space:nowrap;">
<form> Input: <input type="text" size="5"></form>
</span>
</td>
CSS in der Form:
<td>
<form><span style="white-space:nowrap;"> Input: <input type="text" size="5"></span></form>
</td>
NOBR um die Form:
<td>
<nobr>
<form> Input: <input type="text" size="5"></form>
</nobr>
</td>
NOBR in der Form:
<td>
<form><nobr> Input: <input type="text" size="5"></nobr></form>
</td>
NOWRAP:
<td nowrap>
<form> Input: <input type="text" size="5"></form>
</td>
Ich hoffe Du verzeihst mir meine nichtvaliden Ausrutscher. Es war die Verzweiflung, die mich dazu gebracht hat! ;-)
Gruß,
Ramiin
Antwort 3 von rfb
am geschicktesten gehört das ins umgebende Element, das wäre hier <td>
also:
also:
<td style="white-space:nowrap;"><form> ...</form></td>Antwort 4 von Ramiin
Ich habe gerade eine ältere Antwort von Dir gelesen und die Lösung darin gefunden:
Vielen Dank!
Gruß,
Ramiin!
style="display:inline"Vielen Dank!
Gruß,
Ramiin!
Antwort 5 von rfb
also mit display:inline macht der Browser bei längeren Texten natürlich automatisch einen Zeilenumbruch.
Mag sein, dass ich dein Problem falsch verstanden habe: es scheint sich eigentlich um die Tabellenzellenhöhe und nicht um Zeilenumbrüche zu handeln
Mag sein, dass ich dein Problem falsch verstanden habe: es scheint sich eigentlich um die Tabellenzellenhöhe und nicht um Zeilenumbrüche zu handeln
Antwort 6 von Ramiin
Ich denke, was ich für einen einfachen Zeilenumbruch hielt, war in Wirklichkeit ein Absatz (siehe "Blockelement" in Deiner Erklärung). Denn style="white-space:nowrap;" funktioniert nicht und ein längerer Text, der umgebrochen werden müßte, ist ja auch gar nicht vorhanden.
Gruß,
Ramiin
Gruß,
Ramiin