Julian: Tabellen unter Netscape - Spaltenbreite

Hat jemand mit Tabellen unter Netscape Erfahrungen gemacht?

Ich wollte per CGI/Perl einen Datensatz anzeigen lassen, in dieser Form:

Bild - Beschreibung
Bild - Beschreibung
Bild - Beschreibung
...

Habe ich das ganze in eine Tabelle gepackt, mit drei Spalten: dem Bild, einer Leerspalte mit 20 Pixel Breite und rechts der Beschreibung. Der generierte Code sieht aus wie folgt:

<table width=80% height=120><tr>
<td width="110"><img src="unwicht.ig" height=100 width=100 alt="Egal..."></td>
<td width="20"> </td>
<td><font face=Egal size=3>Hier die Beschreibung...<br>
        <b><a style="text-decoration:none" href="unwicht.ig">Mehr Infos</a></b></font></td>
</tr></table>

Nun müsste doch die erste Spalte immer 110 Pixel breit sein - im IE ist sie das auch. Netscape allerdings stretcht die erste Zeile horizontal, je nach Länge der Beschreibung. Sehr schön sehen kann man das, indem man die Spalten verschieden einfärbt. Gibt es eine gute Lösung? Ansonsten werde ich mal probieren, die Beschreibung in eine separate Tabelle mit einer eigenen Breite zu packen, damit er Inhalt der dritten Spalte immer gleich breit ist. Sonderlich professionell und schnell ist das dann allerdings nicht.

  1. Hallo Julian,

    Du solltest in jede Zelle einen Inhalt machen, es reicht schon ein " ".
    Du gibst als Tabellenbreite "width=80%" an, die Angaben muessen natuerlich im gesamten stimmig sein. Ist bei dir auch auf den ersten Blick so. Die Groessenangabe in Zellen ist immer eine Mindestgroesse, wenn der Inhalt groesser ist werden die Zellen gestreckt. Ist mir schon klar was du damit bezweckst, dass du bei der dritten Zelle keine Groesse angiebst. Das ist aber auch bei meinen Browsern nicht von Erfolg.
    Probleme mit Tabellen in Netscape sind nichts neues.

    Wenn du deine Seiten für eine feste Groesse schreibst kannst du folgendes probieren:

    <html>
    <head>
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <table height=120><tr>
    <td width=110 style="background=#FF1C00"><img src="unwicht.jpg" height=100 width=100 alt="Egalistdasnicht"></td>
    <td width=20 style="background=#0020FF"> </td>
    <td  width=500 style="background=#C6FF00"><font face=Egal size=3>Hier die Beschreibung...aaaa aaaaa aaaaa aaaaa aaaaaaaa aaaaaaa aaaaa aaaaaaaaaaaaaaa aaaa aaaaaa aa aaaaaaa aaaaaaaaaaa aaaaaaa aaaaa<br>
            <b><a style="text-decoration:none" href="unwicht.ig">Mehr Infos</a></b></font></td>
    </tr></table>
    </body>
    </html>

    vielleicht aber doch auch im schlauen Buch nachschauen, damit ich dir hier keinen Quatsch erzaehle.
    Bestimmt gibt es auch eine bessere Loesung als meine, da hilft nur rumprobieren und testen. Oder jemand mit mehr Ahnung als ich.

    viele Gruesse
    ottmar

    1. hallo noch ein Nachtrag,

      in

      Du solltest in jede Zelle einen Inhalt machen, es reicht schon ein " ".

      soll in den Klammern ein nonBreakingSpace stehen.
      so ein "kaufmännisches und" plus "nbsp" plus ";".

      hatte ich auch da, und darauf gehofft es wuerde auch im Forum angezeigt ;-)

      viele Gruesse
      ottmar

      1. soll in den Klammern ein nonBreakingSpace stehen.
        so ein "kaufmännisches und" plus "nbsp" plus ";".
        hatte ich auch da, und darauf gehofft es wuerde auch im Forum angezeigt ;-)

        Ich ebenso - daran kann es also nicht liegen. Ich werde dann mal weiter rumwerkeln, irgendwie muss das doch selbst mit Netscape gehen. Danke für die Tipps!

  2. Hi Julian
    Es gibt zwei Moeglichkeiten dein Tabellenproblem zu loesen:
    1: Du definierst eine Absolute Tabellenbreite z.B. 600, dann funktioniert alles voellig problemlos
    Das ergibt natuerlich das Problem, dass die Seite bei jeder Aufloesung anders aussieht.
    2: Du machst auch in den Spalten prozentuale Angaben. Die Angaben muessen so gewaehlt werden, dass auch bei einem "Riesenbildschirm" mit Aufloesung von z.B. 1600*1200 die Tabelle noch so aussieht wie sie soll (1 Spalte:110, 2 Spalte:20, 3 Spalte: Rest).
    Dazu musst du noch in die Mittlere Spalte ein durchsichtiges 1 Pixel Gif mit width=20 einsetzen!. Die Beiden Bilder (in Spalte 1: Dein Bild, in Spalte 2 das 1Pixel gif) sorgen dafuer, dass auch bei niedrigen Aufloesungen die Spalten immer die richtige Breite haben.
    Also:
    <table width=80% height=120><tr>
    <td width=10%><img src="unwicht.ig" height=100 width=100 alt="Egal..."></td>
    <td width=1%><img src="1Pixel.gif" height=100 width=20 alt=""></td>
    <td><font face=Egal size=3>Hier die Beschreibung...<br>
            <b><a style="text-decoration:none" href="unwicht.ig">Mehr Infos</a></b></font></td>
    </tr></table>
    Holger