Responsywny obrazek nie działa wewnątrz tabeli Opcje

[AboutMe]

Witam,

Zaważyłem że jeśli użyję img { max-width: 100%; } to obrazek wewnątrz tabeli nie jest responsywny - http://jsfiddle.net/PeAAb/115/
Czy wiecie jak rozwiązać ten problem?

Ten post edytował AboutMe 5.06.2013, 12:30:02

[AboutMe]

Ale ja nie chcę przypisywać sztywnej szerokości dla 2. kolumny, chcę żeby dopasowywała się automatycznie tak jak na tabelę przystało. Co jeśli mam płynny layout?

[HTML] pobierz, plaintext 
<style type="text/css" media="screen">
table { width:100%; }
td.tdimg img { max-width:100%; }
</style>
 
 
<table>
    <tr>
        <td class="tdimg"><img src="http://farm6.staticflickr.com/5338/8943869261_bd2e9d3d2d_o.jpg" /></td>
    </tr>
</table>
[HTML] pobierz, plaintext 

Z divami nie ma problemu:

[HTML] pobierz, plaintext 
<style type="text/css" media="screen">
.tdimg img { max-width:100%; }
</style>
 
 
<div class="tdimg"><img src="http://farm6.staticflickr.com/5338/8943869261_bd2e9d3d2d_o.jpg" /></div>
[HTML] pobierz, plaintext 

Znalazłem rozwiązanie - http://blog.room34.com/archives/5042
Tyle zachodu a wystarczyło dodać krótką linijkę kodu.

Ten post edytował AboutMe 5.06.2013, 13:16:30