Thomas J.S.: Grafikborder, MSIE und Netscape

Beitrag lesen

Hallo Patrick!

<img src="bild.gif" border=5 style="border-width:5px;border-style:solid;border-color:#0000C0;">

erreicht man den gleichen Border gleicher Farbe (vorausgesetzt, #0000c0 ist die im body-Tag unter "text" definierte Farbe) mit beiden Browsern, man hat also das gleiche Ergebnis. Grund: Netscape interpretiert die style-Angabe nicht, dafür aber den "border=5", und beim Internet Explorer hat die Style-Angabe Vorrang (man berichtige mich, wenn ich hier Unsinn verzapfe, scheint es doch so zu sein).
Und jetzt noch was für die überzeugten NS-User, die sich hoffentlich zahlreich melden werden, um mir zu sagen, wie und warum hier Netscape so reagiert:
diese Konstruktion wollte ich innerhalb einer Tabellenzelle anwenden. Ich mußte jedoch feststellen, daß dann Netscape die Grafik außerhalb der Tabelle darstellt!!! Erst, wenn ich die oben genannte style-Angabe weglasse, ist das Bild wieder innerhalb der gewünschte Zelle zu sehen!

Weitere Besonderheit: die kleine Zeile "Weitere Bapperl sind in Vorbereitung" (ich hoffe, Stefan hat nichts dagegen, wenn ich hier das Wort "Bapperl" benutze!), die unmittelbar unter der Tabelle kommt, wird einmal korrekt dargestellt (verdana, wie in den CSS-Angabe im Header und einmal nicht!

Wenn das nicht buggy ist???

Ja das sind sogar 2 bugs!

  1. Der NS kann bei Grafiken ebenso keine CSS-Border Darstellen wie beim positionierten Elementen (Das macht mich wirklich  sauer, denn wenn man einem absolut positionierem <div> CSS-Border verpasst setellt NS den Kontext genauso woanders dar wie dein Bild)
  2. Es kommt vor, daß der NS aufhört  zu denken wenn eine Tabelle aufhört; sprich er erinnert sich nicht mehr an CSS-Angaben die <body> betreffen.

Meine Lösungsvorschläge:

  1. Deine Tabellen im <div> zu setzen (statt <p> ) dann wird es auch von NA centriert dargestellt.
    <td><p style="border-style:solid; border-width:1px; border-color:#0000C0;"><img src="pics/bapperl1.gif" width=250 height=50></p></td>

Dadurch wird die Tabellenzelle nur unwesentlich höcher, dafür hast du einen Border mit beiden Browser. (statt <p style="border... > ginge auch <span style="border.....>  bei NS, aber da macht der IE nicht mit!)

  1. mach für body und div die CSS Angabe im header.
    (allerdings bei mir mit den NS4.5 hat es bei deinem Beispiel folgendes  funktioniert:
    <body style="font-family:Arial;"> also keine Probleme.

Grüße
Thomas