pmc: Problem mit Positionierung einer Grafik innerhalb Tabelle bei IE

SELF-Forum

Problem mit Positionierung einer Grafik innerhalb Tabelle bei IE

pmc
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte folgendes bewerkstelligen:

Auf einer Seite ist links ein Menü (via CSS formatiert) eingebunden, rechts ist ein Inhalt zu sehen. Sowohl das Menü (durch Unterpunkte) als auch der Inhalt rechts haben variable Höhen. Soweit alles kein Problem.

Unter dem Menü soll ein Bild angezeigt werden, welches sich immer am unteren Rand der rechten Seite orientiert. Daß heißt, es soll, je nach Seitenlänge, nach "unten rutschen" und immer am unteren "Ende" angedockt sein.

Das Menü ist in einer Tabellezeile untergebracht. Um obige Anforderung umzusetzen, habe ich eine weitere Zeile eingefügt:
<tr height="100%" >
      <td align="center" valign="bottom" >
            <img ...Das Bild ...>
      </td>
</tr>

Jetzt kommts; im Firefox klappt es tadellos, im IE wird das Bild immer direkt unter dem Menü angezeigt, daß heißt, die Höhenangabe wird komplett ignoriert.
Am valign sollte eigentlich nicht liegen, oder wenn , dann erst im zweiten Schritt, denn eine Border zeigt, daß die Zeile nicht wirklich bis zum unteren Seitenradn fortgeführt wird.
Zum Test haben wir auch schon das komplette CSS weg genommen, damit es keine wiedersprüchlichen Anweisungen gibt, aber es bleibt immer das gleiche Ergebnis

Kann mir jemand weiterhelfen? Ich habe schon keine Einfälle mehr, was ich sonst noch verändern könnte.

Besten Dank

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem mit Positionierung einer Grafik innerhalb Tabelle bei IE

    Ronald
    – Informationen zu den Bewertungsregeln

    Kannst Du nicht mal den Link schicken?

    Ronald

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Problem mit Positionierung einer Grafik innerhalb Tabelle bei IE

      pmc
      – Informationen zu den Bewertungsregeln

      Hier ist der "bereinigte" Code.
      Ich habe nur die Sachen raus genommen, die für das Problem irrelevant sind, damit es leichter lesbar ist, das "Problem" ist trotz allem sichtbar.

      Noch einmal zur Verdeutlichung, die erste Zeile im Menü soll oben ausgerichtet sein (die Einträge kommen aus einer DB), die Zeile mit dem Bild in der Menüspalte soll unten ausgerichtet sein. Im Firefox klappt es, im IE nicht...

      Danke für die Unterstützung.
      Gruß
      pmc

      <table border="1" align="center" cellspacing="0" cellpadding="0" height="100%">
        <tr>
          <td colspan="2" class="Impressum" align="right"><br/></td>
        </tr>

      <tr>
          <td width="200" >Logo</td>
          <td width="600" bgcolor="#FFFFFF" style="padding:10px;padding-bottom:0px;">Header</td>
        </tr>

      <tr>
          <td >
            <table bgcolor="#FFFFFF" border="1" cellspacing="0" cellpadding="0" width="100%" height="100%" >
              <tr>
                <td valign="top">Menü</td>
              </tr>
          <tr height="100%"><td align="center" valign="bottom" style="border-right-style:solid; border-width:1px; border-right-color:#00ABA3;"><img src="/images/trophe.png" border="0" alt="Trophe" title="Trophe" /></td></tr>
            </table>
          </td>
          <td>Inhalt</td>
        </tr>
        <tr>
          <td style= 'background-color:#CBF3F2'></td>
          <td style= 'background-color:#CBF3F2' class="Impressum"></td>
        </tr>
        <tr><td><br/></td></tr>
      </table>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln