ich will einen Balken, der sich aus 3 teilen zusammensetzt ( linker rand, mitte, rechter rabd ) in einer tabelle darstellen. die mittlere spalte soll 80% der gesamt tabellenbreite erlangen. Folgenden Code habe ich erstellt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
</title>
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src="http://supermattze.dyndns.org/bigband/main/pics/linielinks.gif" height="8" width="4" align="right" alt="linie" />
</td>
<td width="80%">
<img src="http://supermattze.dyndns.org/bigband/main/pics/linie.gif" height="8" width="100%" alt="linie" align="middle" />
</td>
<td>
<img src="http://supermattze.dyndns.org/bigband/main/pics/linierechts.gif" height="8" width="4" align="left" alt="linie" />
</td>
</tr>
</table>
</body>
</html>
ist laut w3c 100 valide.
Problem: im IE funktionierts. Im Mozilla FireFox siehts so aus:
http://supermattze.dyndns.org/mozilla.gif
wie schaffe ich es das die 3 grafiken auf gleicher höhe angezeigt werden?