Problem mit Ausrichtung, beim Betrachten mit IE

pmc · 12 Juni 2009

hallo zusammen,

habe eine Seite, bei der in einer Tabelle
der Inhalt einer Spalte unten und der der nächsten oben ausgerichtet sein soll.
Mit Firefox ist dies auch wunderbar anzuschauen,
mit IE 7 ist die Ausrichtung der ersten Spalte mittig statt unten

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table border="1" align="center" cellspacing="0" cellpadding="0" height="100%">

  <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/trophaee.png" border="0" alt="Trophe" title="Trophe"></td></tr>
      </table>
    </td>
    <td>Inhalt<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>Ende</td>
  </tr>
</table>

</body>
</html>

Zur Erklärung: Da wo ich die ganzen "br/" stehen habe,
wird später dynamisch Text angezeigt, deswegen soll links davon das Bild runterwandern, wenn die Seite höher wird und zwar am unteren Rand der linken Spalte
Firefox zeigts mir auch so an, IE und Opera leider nicht. Wie kann ich das für alle Browser realisieren?

Danke Im Voraus

threadi · 12 Juni 2009

Ein Tabellendesign wie du es hier aufbaust ist nur von Nachteil. Allein schon der HTML-Code der dafür nötig ist ist unübersichtlich. Zudem ist es semantisch völlig falsch eine Tabelle für ein Design zu verwenden - das ist Missbrauch von Tabellen.

Die Lösung für dein Problem findet man dort wo auch ein "Ersatz" für diese Tabellendesigns zu finden ist: bei CSS. Mittels der CSS Eigenschaft vertical-align kann man die vertikale Ausrichtung in Tabellenzellen steuern.

Problem mit Ausrichtung, beim Betrachten mit IE

pmc

Neues Mitglied

threadi

Moderator

Neueste Beiträge