Axel Richter: Bild an Tabellenzelle anpassen

Beitrag lesen

Hallo,

Geht es, daß ich eine Grafik stauche?

Ja, indem Du eine kleinere _absolute_ Größe vorgibst. Dein Problem ist allerdings, dass Du die Größe in Prozent angibst. Bei Prozentangaben ist immer der Wert für 100% interessant. Manche Browser(IE) nehmen bei 100% die Größe der Grafik als Mindestgröße, manche Browser(Mozilla) nehmen die Größe des umgebenden Elementes. So wird also:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Stretch-Image</title>
</head>
<body>
<table style="width:90%; border:0 none; border-spcing:0; border-collapse:collapse;">
<tr>
 <td style="padding:0;"><img src="menu.jpg" alt="" style="width:100%; height:20px;"></td>
</tr>
<tr>
 <td style="padding:0; border:1px solid black;">Text</td>
</tr>
</table>
</body>
</html>

mit einer Originalbreite von "menu.jpg" gleich 300px im Mozilla auch mit einer Tabellenbreite kleiner als 300px gestaucht, im IE nicht.

Wenn Du allerdings in der Tabelle mit CSS "table-layout:fixed;" vereinbarst, dann staucht auch der IE das Bild, weil er ja die Tabelle nicht wegen des zu großen Inhalts erweitern soll.

viele Grüße

Axel