Autor |
Nachricht |
joe
Threadersteller
Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 18:34
Titel [CSS] white-space unterdrücken |
 |
|
Hi,
hab ein Problem.
Ich kann am Quelltext selbst nichts ändern. Das einzige worauf ich Einfluss nehmen kann ist eine CSS-Datei!
Außerdem sollte ich dazu sagen, dass die Lösung nicht valide sein muss. Alles was - wenn auch ausschließlich - im IE läuft, ist gut.
ich habe folgende Zeile:
Code: | <span ct="TestEntry" class="TestClass" style="white-space:nowrap;">Ein Eintrag der viel zu lang ist</span>
|
Ich möchte dieses "nowrap" nicht.
geht nicht. Ich habe auf SelfHtml gelesen, dass der IE nur "nowrap" als Wert für "white-space" kennt. Wahrscheinlich liegts daran.
Gibt es irgendjemanden der eine Ahnung hat wie ich da einen Zeilenumbruch reinbekomme? Momentan geht das Layout in bestimmten Situationen flöten.
Gruß
joe
Zuletzt bearbeitet von joe am Do 19.01.2006 18:38, insgesamt 1-mal bearbeitet
|
|
|
|
 |
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 18:39
Titel
|
 |
|
haste schonmal versucht im CSS-File bei
.TestClass {
white-space:normal !important;
}
mit reinzunehmen?
|
|
|
|
 |
Anzeige
|
|
 |
joe
Threadersteller
Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 18:42
Titel
|
 |
|
Ja, geht aber nicht.
Als Info:
Ich habe es auch schon mit "word-wrap:break-word" probiert, aber das scheint wegen diesem verdammten "nowrap" auch nicht zu funktionieren.
Zuletzt bearbeitet von joe am Do 19.01.2006 18:45, insgesamt 1-mal bearbeitet
|
|
|
|
 |
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 19:29
Titel
|
 |
|
Merkwürdig, bei mir geht das:
Code: | <html>
<head>
<style type="text/css">
<!--
.TestClass {
background: red;
width: 200px;
white-space:normal !important;
}
.TestClass1 {
background: yellow;
width: 200px;
}
-->
</style>
</head>
<body>
<p><span class="TestClass" style="white-space:nowrap">The quick brown fox is jumping
over the lazy dog.</span></p>
<p><span class="TestClass1" style="white-space:nowrap">The quick brown fox is jumping
over the lazy dog.</span></p>
</body>
</html>
|
Hat denn bei dir der Text überhaupt einen Grund zu umbrechen?
|
|
|
|
 |
joe
Threadersteller
Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 19:35
Titel
|
 |
|
hmm...
Könntest du mal den Doctype entfernen (falls du einen drinnen hast) und gucken, obs dann immernoch funzt?
Grund zum umbrechen hat er. Ist kein durchgehender Text.
Zuletzt bearbeitet von joe am Do 19.01.2006 19:35, insgesamt 1-mal bearbeitet
|
|
|
|
 |
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 19:41
Titel
|
 |
|
Doctype ist nicht drin, genau das oben gepostete
funktioniert. Mit Grund zum umbrechen meinte ich
eher, ob denn die TestClass bei dir eine Breite
bekommen hat bzw. ob der Text in einer td mit
Breitenangabe steht... weil von alleine bricht der
Text ja nicht um
|
|
|
|
 |
joe
Threadersteller
Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 19:48
Titel
|
 |
|
akso...ja klar
Also das ist echt seltsam...der bricht einfach nicht um. Ich versuche mich ja auch schon Stunden an diesem Problem...
Hast du es denn auch im IE getestet?
|
|
|
|
 |
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 19.01.2006 19:55
Titel
|
 |
|
Nur im IE, Mozilla reagiert darauf nicht bzw. der
Mozilla braucht dazu dann noch ein display:block.
dann machts auch der.
Code: | <html>
<head>
<style type="text/css">
<!--
.TestClass {
background: red;
width: 200px;
white-space:normal !important;
display:block;
}
.TestClass1 {
background: yellow;
width: 200px;
display:block;
}
-->
</style>
</head>
<body>
<p><span class="TestClass" style="white-space:nowrap">The quick brown fox is jumping
over the lazy dog.</span></p>
<p><span class="TestClass1" style="white-space:nowrap">The quick brown fox is jumping
over the lazy dog.</span></p>
</body>
</html> |
|
|
|
|
 |
|
|
 |
Ähnliche Themen |
[FTP] Von Space 1 auf Space 2
pop-ups bei de.vu unterdrücken ?
flash in html ohne space
CSS browserseitig unterdrücken?
JavaScript unterdrücken mit PHP
Kopierbefehl unterdrücken?
|
 |