white-space bug im IE

[Seppel]

Hallo Leute,

bekanntermaßen muckt der IE7 bei der CSS-Angabe white-space:nowrap; rum.
Ich hab schon ewig gegooglet und bin bisher nicht wirklich weitergekommen.

Ich habe zwei Bilder hintereinander. Die sollen auch hintereinander bleiben, OHNE UMBRUCH! Bei Firefox kein Prob, nur beim IE halt.

der Code sieht so aus:

  
<span id="logo">  
         <img src="src/logo.gif" id="logo">  
         <script language="JavaScript">  
            document.write('<img src="' + image + '">')  
         </script>  
</span>  

der CSS-Code dazu folgendermaßen:

  
span#logo { white-space:nowrap;  
           position:absolute;  
           height:100px;  
           width:100%;  
           background:#EEEEEE;  
           margin-top:25px;  
           margin-bottom:50px;  
           margin-left:0px;  
           margin-right:0px;  
           border-top:1px dashed #000000;  
           border-bottom:1px dashed #000000; }  

Das zweite Bild wird als Zufallsbild generiert, deshalb das Javascript, ich denke das ist im Prinzip egal.

Ich hoffe, es hat jemand eine Idee. Mag auch sein, dass die Lösung recht banal ist und ich übersehs nur, man mag mir das verzeihen, ich bin im Moment nicht sooo gut in der ganzen Materie drin.

Also dann recht freundliche Grüße und Danke im Voraus für die Antworten

Seppel

[Beat]

bekanntermaßen muckt der IE7 bei der CSS-Angabe white-space:nowrap; rum.

Nicht dass ich wüsste.

Ich hab schon ewig gegooglet und bin bisher nicht wirklich weitergekommen.

Ich habe zwei Bilder hintereinander. Die sollen auch hintereinander bleiben, OHNE UMBRUCH! Bei Firefox kein Prob, nur beim IE halt.

Kein Prob bei mir.

der Code sieht so aus:

<span id="logo">
         <img src="src/logo.gif" id="logo">
         <script language="JavaScript">

sollte heissen <script type="text/javascript">

document.write('<img src="' + image + '">')

böse

</script>
</span>

  
a) fehlen da die alt attribute und b) braucht document.write besondere Gründe, ansonsten ich das als Designfehler deklariere.  
  

> Das zweite Bild wird als Zufallsbild generiert, deshalb das Javascript, ich denke das ist im Prinzip egal.  
  
Jein.  
Es ist nicht notwendig ein ganzes Bild zu schreiben. Es reicht mit JS das src Attribut eines nicht zufälligen Bildes auf ein zufällig nicht existentes Bild zu ändern. Deshalb das alt Attribut.  
Du darfst natürlich mit js eine Klasse ändern, um ein unsichtbares nicht zufälliges Bild in ein zufällig sichtbares alt-Attribut zu verwandeln.  
  
Ach und lass dir auch einen zufällig zutreffenden alt-Text für das nicht existente zufällige Bild einfallen.  
  
mfg Beat

-- 

><o(((°>           ><o(((°>  

   <°)))o><                     ><o(((°>o  
Der Valigator leibt diese Fische

[Seppel]

Hallo nochmal,

zunächst mal danke für die Antwort.
Und ja: mein Stil ist grausam. Und was das JS betrifft, hatte ich vorher eine wohl elegantere Lösung mit PHP, nur schaltet mein Admin mir das nicht frei aufm Server, ist scheiße, aber hängt mit Dingen zusammen, die zu erläutern hier zu weit ginge.
Ganz abgesehen davon, wollte ich aber darüber nichts wissen, sondern nur, wie ich den Zeilenumbruch verhindere. Weil: BEI MIR KLAPPTS NET! Und ich weiß auch, dass es bei einigen andern Rechnern auch nicht funzt. Gut, verständlich, wenn du das Problem nicht siehst, wenns bei dir ja klappt. Nur ich hätte halt gerne ne Lösung. Das das ein allgemeiner Bug beim IE ist, hab ich mir auch nicht ausgedacht, darauf bin ich gestoßen, als ich nach einer Lösung gegoogelt hab. Ich müsste mich schon schwer irren, wenn ich da was durcheinander gebracht hab.

Hat noch irgendwer ne Idee?

lg

Seppel

[Gunnar Bittersmann]

@@Seppel:

nuqneH

Ich habe zwei Bilder hintereinander. Die sollen auch hintereinander bleiben, OHNE UMBRUCH! Bei Firefox kein Prob, nur beim IE halt.

Ich kann dein Problem nicht nachvollziehen. Bei mir bleiben die Bilder nebeneinander, eine horizontale Scrollbar erscheint.

<span id="logo">
         <img src="src/logo.gif" id="logo">

Fehler: Eine ID muss in einem Dokument eindeutig sein, der ID-Bezeichner darf nicht mehrfach vorkommen. (So wie in einem Land keine zwei Personalausweise dieselbe Nummer haben dürfen.)

Und da fehlt was: @alt.

<script language="JavaScript">

Fehler: <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title=Da fehlt was: @type.> Und das völlig nutzfreie 'language'-Attribut entsorgst du bitte umweltschonend.

document.write('<img src="' + image + '">')

document.write() ist zumindest schlechter Stil, wenn nicht gar Schlimmeres.

<img src="src/logo.gif" id="logo" alt="Logo">  
<img src="" id="zufallsbild" alt="">  
<script type="text/javascript">  
  [code lang=javascript]document.getElementById("zufallsbild").src = image;

</script>
[/code]

Qapla'