Axel Richter: style="background-image:url(bla/test.gif)" + height

Beitrag lesen

Hi Romy,

<tr>
<td style="width:1px; border:0;"><img src="skins/blabla/title.gif" alt="" style="display:block; width:1px; height:100%; border:0;"></td>
<td><img src="platzhalter.gif" width="5" alt="" border="0"></td>
<td border="0" width="100%">
 //Inhalt
</td>
<td><img src="platzhalter.gif" width="5" alt="" border="0"></td>
<td style="width:1px; border:0;"><img src="skins/blabla/title.gif" alt="" style="display:block; width:1px; height:100%; border:0;"></td>
</tr>

»»
Aha. Je höher der Inhalt, um so länger das title.gif, je flacher ;-) der Inhalt, um so kürzer das title.gif. Sehe ich das richtig?

Wenn es nirgendwo eine Angabe git, an der sich die 100% orientieren können, wird das wohl nicht gehen. Ein Trick funktioniert in MSIE5.5 (6 nicht getestet) und NS7 (Mozilla nicht getestet). Die Tabelle bekommt dabei eine sehr geringe absolute Höhe verpasst. Da die Höhe des Inhalts immer Vorrang hat, wird sie durch den Inhalt höher. Die 100% der Grafikhöhe orientieren sich dann an der gestreckten Tabellenhöhe. Bei Opera allerdings nicht :(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>
<body>
<table style="height:1em;">
<tr>
<td style="width:1px; height:100%;"><img src="split.gif" alt="" style="display:block; width:1px; height:100%; border:0;"></td>
<td><img src="platzhalter.gif" width="5" alt=""></td>
<td>
 Inhalt<br>
 Inhalt länger<br>
 Inhalt<br>
 Inhalt noch länger<br>
 Inhalt<br>
</td>
<td><img src="platzhalter.gif" width="5" alt=""></td>
<td style="width:1px; height:100%;"><img src="split.gif" alt="" style="display:block; width:1px; height:100%; border:0;"></td>
</tr>
</table>
</body>
</html>

Gruß

Axel