Table-Inhalt mit Prozentangaben regeln

Status
Nicht offen für weitere Antworten.

tommycush

Mitglied
Ich habe eine Tabelle erstellt, die in jedem Fach ein Bild enthält. Mein Problem ist, dass die Bilder sich nicht verkleinern wenn ich die Tabelle, in der sie stehen, verkleiner.

hier ist erstmal ein teil des codes:

HTML:
<tr>
    <td class=content width="25%">
        <img src="bild1.jpg" width="100%">
    </td>
    <td class=content width="25%">
        <img src="bild2.jpg" width="100%">
    </td>
    <td class=content width="25%">
        <img src="bild3.jpg" width="100%">
    </td>
    <td class=content width="25%">
        <img src="bild4.jpg" width="100%">
    </td>
</tr>

Die Bilder 1-4 haben alle die gleiche Auflösung.
Im Firefox Browser und in Opera funktioniert es einwandfrei. Das width=100% bedeutet, dass das Bild 100% des einzelnen Tabellenfachs belegen soll. Im IE funktioniert es nicht. Da scheint das 100% zu bedeuten, dass das Bild in voller Auflösung angezeigt werden soll. Die Tabelle ignoriert dann ihre 25% Angabe und passt sich dem Bild an.
Gibt es eine Möglichkeit, das im IE zu verhindern und dafür zu sorgen, dass das Bild sich der Tabelle anpasst und nicht umgekehrt?

Schonmal danke im Voraus,

tommycush
 
Hallo tommycush,
habe festgestellt, dass der IE die Bilder nur vergrößert und nicht verkleinert. Ansonsten kann ich deine Angaben bestätigen.
Mehr kann ich leider auch nicht beitragen.
 
warum legst du nicht eine bestimmte Größe für deine Bilder von vorn herein fest? so etwas wie 300x200 Pixel oder so

<img src="" width="300" height="200">

falls die Bilder mal hochkannt und mal quer sind, dann musst du vorher ein java oder php Skript verwenden um die Größe zu berechnen.
 
Versuchs mal bei der Tabellenbeschreibung mit:
<table style="table-layout:fixed">.
Sonst wird die Größe der Tabelle immer automatisch an den Inhalt angepasst.
 
Hallo fh_study, hallo madlds,

so wie ich tommycush verstanden habe möchte er gerade, dass sich die Tabellengröße und auch deren Inhalt, also die Bilder, proportional zur Bildschirmgröße verhalten.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück