Menu icon Foundation
Full Width Images in Outlook 2013

I'm having an issue getting an image to take up the full width of the container in an email. 

 

The image is 580x580, and wrapped in center tags per the Inky documentation, but it still doesn't get displayed at full width in Outlook 2003. 

Screenshot of the issue in the Litmus render test:

Inky markup:

<row class="collapse">
    <columns small="12" large="12">
      <center>
        <img width="580" height="580" class="float-center" align="center" src="http://lorempixel.com/580/580" alt="Seats are filling up quickly!">
      </center>
    </columns>
  </row>

emailfoundation for emails 2full-widthimage

I'm having an issue getting an image to take up the full width of the container in an email. 

 

The image is 580x580, and wrapped in center tags per the Inky documentation, but it still doesn't get displayed at full width in Outlook 2003. 

Screenshot of the issue in the Litmus render test:

Inky markup:

<row class="collapse">
    <columns small="12" large="12">
      <center>
        <img width="580" height="580" class="float-center" align="center" src="http://lorempixel.com/580/580" alt="Seats are filling up quickly!">
      </center>
    </columns>
  </row>
Rafi Benkual over 3 years ago

You can try to make the image 600px which should work. Another option is to go to the inlined version you are testing and remove the expander that is directly after the image.

Shakogun over 3 years ago

Since update 2.1:

New Wrapper Inky component: The <wrapper> component was also added to allow the creation of full width rows, targeting elements in section and adding background colors. These new components save you time not only coding but also in testing.