Darstellungsproblem Tabellen

[EvilNick]

Hi,

kurze Frage, habe folgende Tabelle in HTML:

<table class="haupt" align="center" width="800">

<tr>

<td colspan="2">

<img src="./images/logo.jpg" alt="XXXXX" border="0">

</td>

</tr>

<tr>

<td class="navi" width="100" height="*" valign="top">

<span id="top">Navigation</span><p>

Punkt1<br>

Punkt2<br>

Punkt3

</td>

<td class="haupt" width="700" valign="top" rowspan="3">

x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>

</td>

</tr>

<tr>

<td class="navi" width="100" height="*" valign="top">

<span id="top">Aktuell</span><p>

Event1<br>

Event2<br>

Event3

</td>

</tr>

<tr>

<td width="100" height="*" valign="top">

 

</td>

</tr>

</table>

Im Opera werden die Spalten links (Navigation und Aktuelles" schön angezeigt, d.h. die Zelle endet jeweils nach dem letzten Text. Im IE und Mozilla wird die Zelle aber irgendwie künstlich in die länge gezogen, d.h. nach der letzten Zeile ist noch soviel Platz wie von etwa 2-3 Leerzeilen.

Habs auch schon ohne das height="*" probiert, kein Erfolg. Hat jemand eine Idee?

[Spike]

Versteh ich das richtig das es um die Zellenhöhe geht und nicht um die Zellenbreite?

height="*" ist kein valides HTML soweit ich weiss.

Wenn du keine feste Höhe vergibst teilen der IE und der Mozilla die 3 Zellen so auf das jede Zelle gleich viel Platz wegnimmt, also sitzen sie nicht so wie du willst.

Was spricht dagegen wenn du als height z.B. 100 nimmst?

Dann ist das im Mozilla und im IE doch gut ...

Hab leider kein Opera zuhause um das nachzuvollziehen warum Opera da anders reagiert, müsste ich morgen auf der Arbeit mal schauen wenn ich Zeit habe.

[EvilNick]

Ja, es geht um die Höhe, nicht Breite... ich will halt das es abgeschlossen aussieht... ich poste später noch einen Screenshot vom Opera, will jetzt erst Film fertig schaun.

[EvilNick]

So, hier der Screenshot von Opera:

Und so soll es halt auch im IE/Mozilla aussehen.

[Spike]

Mach die Höhe doch fest dann siehts so aus.

[EvilNick]

Bei der Navi geht das auch... die ändert sich so schnell nicht. Doch bei den Events wird das später (momentan bastel ich nur das Layout) per PHP gefüllt mit allen Terminen die in den nächsten 3 Tagen stattfinden. D.h. da ist es mit fixer Größe schlecht.

[Spike]

Und wenn du es so machst:

<table class="haupt" align="center" width="800">

<tr>

<td colspan="2">

<img src="./images/logo.jpg" alt="XXXXX" border="0">

</td>

</tr>

<tr>

<td width="100" valign="top" bgcolor="#FF0000" class="navi"><table width="100%"  border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td bgcolor="#0000FF">Navigation</td>

  </tr>

  <tr>

    <td bgcolor="#0000FF"> </td>

  </tr>

  <tr>

    <td bgcolor="#0000FF">Punkt 1</td>

  </tr>

  <tr>

    <td bgcolor="#0000FF">Punkt 2</td>

  </tr>

  <tr>

    <td bgcolor="#0000FF">Punkt 3</td>

  </tr>

  <tr>

    <td bgcolor="#FFFF00">Aktuelles</td>

  </tr>

  <tr>

    <td bgcolor="#FFFF00"> </td>

  </tr>

  <tr>

    <td bgcolor="#FFFF00">Punkt 1</td>

  </tr>

  <tr>

    <td bgcolor="#FFFF00">Punkt 2</td>

  </tr>

  <tr>

    <td bgcolor="#FFFF00">Punkt 3</td>

  </tr>

  <tr>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

  </tr>

</table></td>

<td width="700" valign="top" bgcolor="#006633" class="haupt">

x<br>

x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>

x<br>x<br>x<br>x<br>x<br>x<br>

</td>

</tr>

</table>

Die Farben sind nur um es mir selber zu verdeutlichen, hab ja deine CSS nicht.

Wenn neue Navipunkte z.B. dazu kommen, oder Aktuelles Punkte durch PHP, einfach eine weitere TR + TD mit gewünschtem Inhalt einfügen.

Hoffe das hilft dir weiter.

[EvilNick]

Werd ich mal austesten, thx

[cLara]

naja, das mit der festen zellenhoehe hat den nachteil, dass du auch eine feste schriftgroesse verwenden musst. (also koennen sich user ihre groessen in einigen browsern nicht mehr selbst aussuchen.)

ich habe ein aehnliches problem. hab es erst im ie passend gemacht und nun sieht es in meiner (nicht ganz aktuellen) opera nur lau aus. (die hoehen der textfelder sind ok, aber die hoehen der felder dazwischen sind zu gross.)

fuer IE passend sieht mein quelltext so aus:

...

<tr> <!-- "MENUESPALTE" -->

<td class="menubar">

<p><font size="-1>[English ]</font>

</p>

<table width="90%" cellspacing="2" cellpadding="8" class="menubar" border="0">

<tr height="4">

<td width="48%"> </td> <td class="pole"></td> <td width="48%"> </td>

</tr>

<tr>

<td colspan="3" height="8%" class="this">

Eingangs-

<br>seite

</td>

</tr>

<tr>

<td> </td> <td height="16" class="pole"> </td> <td>

</td>

</tr>

<tr>

<td colspan="3" height="8%" class="topic">

<a href="xxx.html">Unternehmens-<br>profil</a>

</td>

</tr>

<tr>

<td> </td> <td height="2" class="pole"> </td> <td> </td>

</tr>

<tr>

<td colspan="3" height="8%" class="topic">

<a href="yyy.html">Usw.</a>

</td>

</tr>

<td> </td> <td height="4" class="pole"> </td> <td> </td>

</tr>

</table>

<p align="center">

<font size="-2">Copyright ...</font>

</p>

</td> <!-- "MENUESPALTE" Ende -->

...

[Spike]

Hi,

was soll height="2" sein?

Da fehlt die Maßeinheit, da können sicherlich nicht alle Browser etwas mit anfangen (Mozilla z.B. nix).

[cLara]

Original geschrieben von Spike

Hi,

was soll height="2" sein?

Da fehlt die Maßeinheit, da können sicherlich nicht alle Browser etwas mit anfangen (Mozilla z.B. nix).

OK, danke, werde also 'px' dazu schreiben. -- Allerdings machte es keinen Unterschied in Opera, wenn ich '2px' angegeben habe.

(Hab aber auch gehoert, dass bei der Opera Version 6.03, die ich gerade habe, die Darstellung moeglicherweise noch nicht so brilliant war. / Bezueglich meiner frage siehe ... Tabellenfeldhoehen vorgebbar?) Hab zugegeben im Quelltext mit den Angaben zeimlich rumgewurschtelt, weil ich es im IE schon OK fand und das dort bleiben sollte.