fjh: «body»Style geht verloren nach Tabelle in NS

Hallo ForumlerInnen,

seit einiger Zeit versuche ich nun einen Workaround für folgendes Problem zu finden:

Ich habe eine Schriftart und Größe über CSS für den body-Tag und den td sowie table-Tag definiert.
Füge ich nun eine Tabelle in den Fließtext ein, stellt der Netscape den nach der Tabelle folgenden Text wieder in der Standardschrift dar.
Habe bisher herausgefunden, daß er das nicht tut, wenn die Tabelle keine Größenangaben enthält (ob absolut oder % ist dabei egal) oder diese kleiner sind, als der Tabelleninhalt. Wenn also die Tabelle genauso groß ist wie der Inhalt ihrer Zellen es vorgibt, dann kein Problem. Ich benötige jedoch 100%-Tabellen.
Setze ich den nachfolgenden Text wieder in eine Tabelle auch kein Problem (für NS muss man ja eh auch für td table styles definieren). Aber lege ich dann in der Tabelle wieder eine Tabelle an geht das ganze von vorne los: Der nachfolgende Text verliert wieder seine CSS-Formulierung.

Kann leider keine Beispieldatei hochspielen, da der Server unten ist :-(
Aber das Ganze ist ja leicht nachzubauen:

<html>
<head>
<title>CSS-Test</title>
<style type="text/css">
body {font-family:Arial,Helvetica,Verdana;font-size:12pt;}
table {font-family:Arial,Helvetica,Verdana; font-size:12pt;}
td {font-family:Arial,Helvetica,Verdana; font-size:12pt;}
</style>
</head>
<body bgcolor="#FFFFFF">
Text vor der Tabelle
<table border="0" cellspacing="0" cellpadding="3" width="100%">
  <tr bgcolor="#00FF00">
    <td><b><font color="#FF0000">Text in Tabelle<img src="bilder/pixel_00FF00.gif" width="10" height="1"></font></b></td>
  </tr>
</table>
Text nach der Tabelle

</body>
</html>

Vielen Dank im voraus
Franz-Josef

PS: im Archiv habe ich nix gefunden, obwohl ich denke die Sache müßte doch ein bekanntes Phänomen sein bei alten CSS-Hasen, zu denen ich mich leider noch nicht zählen kann.

  1. Hallo!

    Das Problem, wie du es auch schon sagst, bekannt.

    Tip: lass keinen Text so nackt und ungeschützt im <body> herumlungern.

    body, div, p {font-family:Arial,Helvetica,Verdana;font-size:12pt;}
    Dann z.B. so:

    <body bgcolor="#FFFFFF">
    <div>Text vor der Tabelle</div>
    .....

    <p>Text nach der Tabelle</p>

    Grüße
    Thomas

    1. Hi Thomas,

      vielen Dank für die schnelle Antwort.
      In ein <P>-Tag wollte ich das Ganze nicht setzen, wegen des Abstands, aber auf ein div-Tag ohne Attribute bin ich natürlich nicht gekommen.

      Tja, v.a. Web-Programmierung funktioniert halt nicht nach Lehrbuch, dann wäre alles ganz einfach. Da steckt wohl bei guten Leuten ein großer Erfahrungsschatz dahinter. Naja, hier ist er ja ver- und gesammelt, also kein Grund zu lamentieren... :-)

      Bis zur nächsten Frage oder vieleicht auch Antwort ;-)

      Franz-Josef