Moin,
ich arbeite ja grundsätzlich mit Google Chrome und da habe ich eine 5 spaltige Tabelle mit Bildern:
Die Tabelle hat eine Breite von 100% (passt sich dem Parent an)
Das tolle an Chrome ist, dass die 3 Bilder von der Größe her automatisch angepasst werden an die Breite.
Sind die Bilder also jeweils 200px breit hätte man eine Gesamtbreite von 640px. Ist das Parentobjekt der Tabelle jedoch nur 520px Breit werden die Bilder automatisch verkleinert auf die entsprechende Größe
Firefox macht dies jedoch nicht. Die Tabelle ragt dann mit den 640px einfach über das Parentobjekt hinaus und begrenzt die Größe der Bilder nicht. (EDIT: max-width:100%; für die Bilder klappt in Firefox wohl nicht...)
Meine Lösung dafür ist es den Bildern ne feste Breite zu geben. Jedoch soll die Seite auch responsive werden und mit der Lösung müsste ich zusätzlich die Bildgröße verkleinern bei den Media Queries.
Gibt es eine Möglichkeit Firefox diese Funktionalität von Chrome auch zu geben, sodass die Bilder automatisch mitverkleinert werden?
EDIT2: Die Bilder werden in Firefox korrekt verkleinert wenn ich den td's max-width gebe...jedoch scheint mir das keine richtige Lösung zu sein
lg
ich arbeite ja grundsätzlich mit Google Chrome und da habe ich eine 5 spaltige Tabelle mit Bildern:
Code:
<table style="width:100%;">
<tr>
<td><img src="bild1.jpg"></td>
<td style="width:20px;"></td>
<td><img src="bild2.jpg"></td>
<td style="width:20px;"></td>
<td><img src="bild3.jpg"></td>
</tr>
</table>
Die Tabelle hat eine Breite von 100% (passt sich dem Parent an)
Das tolle an Chrome ist, dass die 3 Bilder von der Größe her automatisch angepasst werden an die Breite.
Sind die Bilder also jeweils 200px breit hätte man eine Gesamtbreite von 640px. Ist das Parentobjekt der Tabelle jedoch nur 520px Breit werden die Bilder automatisch verkleinert auf die entsprechende Größe
Firefox macht dies jedoch nicht. Die Tabelle ragt dann mit den 640px einfach über das Parentobjekt hinaus und begrenzt die Größe der Bilder nicht. (EDIT: max-width:100%; für die Bilder klappt in Firefox wohl nicht...)
Meine Lösung dafür ist es den Bildern ne feste Breite zu geben. Jedoch soll die Seite auch responsive werden und mit der Lösung müsste ich zusätzlich die Bildgröße verkleinern bei den Media Queries.
Gibt es eine Möglichkeit Firefox diese Funktionalität von Chrome auch zu geben, sodass die Bilder automatisch mitverkleinert werden?
EDIT2: Die Bilder werden in Firefox korrekt verkleinert wenn ich den td's max-width gebe...jedoch scheint mir das keine richtige Lösung zu sein
lg
Zuletzt bearbeitet: