nicht angemeldet
dynamisches Skalieren von Bildern in Tabellen
Hi,
ich habe hier zwei Code Versionen. Die erste ist meine Wunschvorstellung. Also praktisch, dass die Bilder in der Tabelle
dynamisch ihre Größe verändern, sobald man die Fenstergröße ändert.
Die zweite Version soll das Endergebniss darstellen. Das praktisch jedes Bild eine eigene Zelle besitzt. Leider funktioniert dort nur das "Größer skalieren", allerdings nicht das "kleiner skalieren"
Version 1:
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img width="25%" src="bild1.gif">
<img width="25%" src="bild2.gif">
<img width="25%" src="bild3.gif">
<img width="25%" src="bild4.gif">
</td>
</tr>
</table>
</body>
Version 2:
<body>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td>
<img src="bild1.gif" width="100%">
</td>
<td>
<img src="bild2.gif" width="100%">
</td>
<td>
<img src="bild3.gif" width="100%">
</td>
<td>
<img src="bild4.gif" width="100%">
</td>
</tr>
</table>
</body>
Hat jemand éine Idee, wie ich diese beiden Versionen vereinen kann?
Das jedes Bild eine eigene Zelle besitzt und sich dynamisch größer
und kleiner skaliert.
Ich habe schon viel ausprobiert, aber bis jetzt hat nichts funktioniert.
Vielen dank für eure Hilfe im vorraus!
Gruß Scy
-
Hi,
Ich habe schon viel ausprobiert, aber bis jetzt hat nichts funktioniert.
Dann probiere mal Netscape 7.1, da funktionierts.
Aber der IE hat wirklich Schwierigkeiten mit der Prozentrechnung:
<style type='text/css'>
<!--
img { width:100% }
td { width:25% }
//-->
</style>Er meint, 100% beziehen sich auf das BILD. Standard ist doch wohl, dass Prozentzahlen sich auf das übergeordnete Element beziehen? Aber IE ignoriert den übergeordneten <td>. Bei einem übergeordneten <div> macht er es richtig.
Kalle