title: How to make responsive the listview of asp.net
body: <p>I have a listview in asp.net 4.5 page. I'm populating the images in it. its working fine. but when i change the resolution of the browser other elements of the page are adjusting by the resolution but the images in the listview are not adjusting. Kindly tell me how do i do this? The code looks like this.</p>
  
  <pre><code>    &lt;asp:ListView ID="lVGallery" runat="server" DataKeyNames="ID" DataSourceID="galerySqlDataSource" GroupItemCount="2" OnItemCommand="lVGallery_ItemCommand"&gt;
  
  
              &lt;EmptyDataTemplate&gt;
          &lt;table id="Table1" runat="server" style="background-color: #FFFFFF; border-collapse: collapse;
              border-color: #999999; border-style: none; border-width: 1px;"&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      No data was returned.
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/EmptyDataTemplate&gt;
      &lt;EmptyItemTemplate&gt;
          &lt;td id="Td1" runat="server" /&gt;
      &lt;/EmptyItemTemplate&gt;
      &lt;GroupTemplate&gt;
          &lt;tr id="itemPlaceholderContainer" runat="server"&gt;
              &lt;td id="itemPlaceholder" runat="server"&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/GroupTemplate&gt;
      &lt;ItemTemplate&gt;
          &lt;td id="Td2" runat="server" style="background-color: #E0FFFF; color: #333333;"&gt;
              &lt;div&gt;
              &lt;asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='&lt;%# "ImageHandler.ashx?ID=" + Eval("ID")%&gt;'
                  Height="100px" Width="100px"  /&gt;
                  &lt;/div&gt;
         &lt;/td&gt;
      &lt;/ItemTemplate&gt;
      &lt;LayoutTemplate&gt;
          &lt;table id="Table2" runat="server"&gt;
              &lt;tr id="Tr1" runat="server"&gt;
                  &lt;td id="Td3" runat="server"&gt;
                      &lt;table id="groupPlaceholderContainer" runat="server" border="1" style="background-color: #FFFFFF;
                          border-collapse: collapse; border-color: #999999; border-style: none; border-width: 1px;
                          font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;
                          &lt;tr id="groupPlaceholder" runat="server"&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
  
          &lt;/table&gt;
      &lt;/LayoutTemplate&gt;
          &lt;/asp:ListView&gt;
  </code></pre>