Utz: NS 4 legt Bild über Text wg. line-height

Hi zusammen,

ich habe ne verschachtelte Tabelle; den Zellen ist ne CSS-Klasse zugewiesen. Innerhalb der Zellen sind Text und Bilder. Alles prima eigentlich, nur dass der NS 4 die Bilder anzeigt, aber ihnen keinen Platz zuweist, sodass der folgende Text eine Ebene _hinter_ die Bilder rutscht. Lasse ich die Klassenzuweisung weg, ist alles völlig i.O. Ach ja, natürlich positioniert die Klasse nichts, es wird also kein Layer erzeugt.

Hier ein Schnippsel des HTML-Codes:

(...)
<tr>
  <td background=""><img src="../images/null.gif" width="18" height="20" border="0" alt=""></td>
  <td background="" class="flowtext">Text<br>
    <br>
    Noch mehr Text:<br>
    <br>
    <div align="center"><img src="images/abb_01.jpg" width="470" height="306" border="0" alt=""></div>
    <br>
    Wieder Text<br>
    <br>
    Und - Text<br>
    <br>
    <div align="right"> <a href="index_2.htm">Nächste Seite <img src="images/Pfeil.gif" width="4" height="7" border="0" alt=""></a></div>
  </td>
  <td background=""><img src="../images/null.gif" width="10" height="20" border="0" alt=""></td>
</tr>
(...)

Die Definition der Klasse "flowtext" sieht so aus:

.flowtext {
line-height: 18px;
}

Kommentiere ich line-height aus, ist wieder alles wie gewünscht.

Die Lösung "Klassenzuweisung einfach weglassen" ginge zwar, finde ich aber nicht so prickelnd, denn ich hätt den Zeilenabstand schon gern.

Kennt jemand das Phänomen oder weiß nen Weg drum rum?

Grüße,

Utz

  1. Hi zusammen,

    Kommando zurück, mittlerweile hab ich mir noch mal http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#line_height (Abschnitt: Beachten Sie) durchgelesen - da hab ich also wohl keine Chance.

    *schnief*

    Grüße,

    Utz

    1. Hi auch,

      Kommando zurück, mittlerweile hab ich mir noch mal http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#line_height (Abschnitt: Beachten Sie) durchgelesen - da hab ich also wohl keine Chance.

      vielleicht kann man doch was erreichen wenn die Textteile in divs mit
      entsprechenden Angaben kommen (statt td mit class=).
      ( Für Netscape 4 wäre u.U. auch noch mit ilayer für das <img> etwas
      möglich, aber wohl etwas umständlich)
      Gibt es eine URL um das mal richtig mit den Bildern zu sehen?

      Grüsse

      Cyx23

      1. Hi Cyx, und gleich mit: hi Thomas,

        vielleicht kann man doch was erreichen wenn die Textteile in divs mit
        entsprechenden Angaben kommen (statt td mit class=).

        Jau, so werd ich's wohl machen müssen. Ist nur etwas umfangreich, das Ganze so umzumodeln *seufz*

        Gibt es eine URL um das mal richtig mit den Bildern zu sehen?

        Leider nein, ist n Intranet-Projekt.

        Danke Euch beiden!

        Grüße,

        Utz

    2. Moin

      da hab ich also wohl keine Chance.

      Sehe ich nicht so. Das Problem ist nur, daß von den CSS-Anweisung im td-tag auch die Grafiken betroffen sind.

      <p class="flowtext">blabla</p>
      <img src="bla.gif" ...>
      <p class="flowtext">mehr blabla</p>

      ist zwar etwas umständlicher, sollte auch mit Netscape 4.x funzen.

      Thomas J.

      1. Hallo,

        Sehe ich nicht so. Das Problem ist nur, daß von den CSS-Anweisung im td-tag auch die Grafiken betroffen sind.

        vieleicht doch eher dass die Grafiken _nicht_ betroffen sind bzw. dass
        die Positionierung der Grafiken ohne Berücksichtigung der Änderungen
        des Textes durch CSS erfolgt.

        Grüsse

        Cyx23