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]

OK, to zapiszcie poniższy kod w pliku html i odpalcie w przeglądarce, zobaczycie że reponsywność nie działa, na dole pojawia się suwak

[PHP] pobierz, plaintext 
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
 
<style type="text/css" media="screen">
table { width:100%; }
.col1 { width:150px; background:#000000; color:#ffffff; }
td.tdimg img { max-width:100%; }
</style>
 
 
<table>
    <tr>
        <td class="col1">xxxxx</td>
        <td class="tdimg"><img src="http://farm6.staticflickr.com/5338/8943869261_bd2e9d3d2d_o.jpg" /></td>
    </tr>
</table>
[PHP] pobierz, plaintext 

Ten post edytował AboutMe 5.06.2013, 12:48:50