{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-emails/issues/277","repository_url":"https://api.github.com/repos/zurb/foundation-emails","labels_url":"https://api.github.com/repos/zurb/foundation-emails/issues/277/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-emails/issues/277/comments","events_url":"https://api.github.com/repos/zurb/foundation-emails/issues/277/events","html_url":"https://github.com/zurb/foundation-emails/issues/277","id":143109088,"number":277,"title":"Container not properly loading in email","user":{"login":"kculmback","id":13227266,"avatar_url":"https://avatars.githubusercontent.com/u/13227266?v=3","gravatar_id":"","url":"https://api.github.com/users/kculmback","html_url":"https://github.com/kculmback","followers_url":"https://api.github.com/users/kculmback/followers","following_url":"https://api.github.com/users/kculmback/following{/other_user}","gists_url":"https://api.github.com/users/kculmback/gists{/gist_id}","starred_url":"https://api.github.com/users/kculmback/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kculmback/subscriptions","organizations_url":"https://api.github.com/users/kculmback/orgs","repos_url":"https://api.github.com/users/kculmback/repos","events_url":"https://api.github.com/users/kculmback/events{/privacy}","received_events_url":"https://api.github.com/users/kculmback/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-03-23T23:54:39Z","updated_at":"2016-03-24T00:26:21Z","closed_at":"2016-03-24T00:26:21Z","body":"When conducting an email test with Putsmail, I found that the email container is not properly loading. I was able to see this in Gmail and Outlook 2013 with two different emails built use Foundations for Email 2.0.0\r\n<img width=\"731\" alt=\"screen shot 2016-03-23 at 4 46 29 pm\" src=\"https://cloud.githubusercontent.com/assets/13227266/14004404/1e0f0ff6-f117-11e5-8c85-a41a1f04c0f2.png\">\r\n<img width=\"1001\" alt=\"screen shot 2016-03-23 at 4 50 08 pm\" src=\"https://cloud.githubusercontent.com/assets/13227266/14004432/597c5bca-f117-11e5-902c-ef6af569b57e.png\">\r\n\r\nHowever everything works perfectly in the browser.\r\n\r\nHere's the HTML markup of the simple test email:\r\n`<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en\" xml:lang=\"en\" style=\"background:#fefefe;min-height:100%\"><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"><meta name=\"viewport\" content=\"width=device-width\"></head><body style=\"-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#0a0a0a;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:200;line-height:19px;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important\"><style>@media only screen and (max-width:716px){.small-float-center{margin:0 auto!important;float:none!important;text-align:center!important}.small-text-center{text-align:center!important}.small-text-left{text-align:left!important}.small-text-right{text-align:right!important}}@media only screen and (max-width:716px){table.body table.container .hide-for-large{display:block!important;width:auto!important;overflow:visible!important}}@media only screen and (max-width:716px){table.body table.container .row.hide-for-large{display:table!important;width:100%!important}}@media only screen and (max-width:716px){table.body table.container .show-for-large{display:none!important;width:0;mso-hide:all;overflow:hidden}}@media only screen and (max-width:716px){table.body img{width:auto!important;height:auto!important}table.body center{min-width:0!important}table.body .container{width:95%!important}table.body .column,table.body .columns{height:auto!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px!important;padding-right:16px!important}table.body .column .column,table.body .column .columns,table.body .columns .column,table.body .columns .columns{padding-left:0!important;padding-right:0!important}table.body .collapse .column,table.body .collapse .columns{padding-left:0!important;padding-right:0!important}td.small-1,th.small-1{display:inline-block!important;width:8.33333%!important}td.small-2,th.small-2{display:inline-block!important;width:16.66667%!important}td.small-3,th.small-3{display:inline-block!important;width:25%!important}td.small-4,th.small-4{display:inline-block!important;width:33.33333%!important}td.small-5,th.small-5{display:inline-block!important;width:41.66667%!important}td.small-6,th.small-6{display:inline-block!important;width:50%!important}td.small-7,th.small-7{display:inline-block!important;width:58.33333%!important}td.small-8,th.small-8{display:inline-block!important;width:66.66667%!important}td.small-9,th.small-9{display:inline-block!important;width:75%!important}td.small-10,th.small-10{display:inline-block!important;width:83.33333%!important}td.small-11,th.small-11{display:inline-block!important;width:91.66667%!important}td.small-12,th.small-12{display:inline-block!important;width:100%!important}.column td.small-12,.column th.small-12,.columns td.small-12,.columns th.small-12{display:block!important;width:100%!important}.body .column td.small-1,.body .column th.small-1,.body .columns td.small-1,.body .columns th.small-1,td.small-1 center,th.small-1 center{display:inline-block!important;width:8.33333%!important}.body .column td.small-2,.body .column th.small-2,.body .columns td.small-2,.body .columns th.small-2,td.small-2 center,th.small-2 center{display:inline-block!important;width:16.66667%!important}.body .column td.small-3,.body .column th.small-3,.body .columns td.small-3,.body .columns th.small-3,td.small-3 center,th.small-3 center{display:inline-block!important;width:25%!important}.body .column td.small-4,.body .column th.small-4,.body .columns td.small-4,.body .columns th.small-4,td.small-4 center,th.small-4 center{display:inline-block!important;width:33.33333%!important}.body .column td.small-5,.body .column th.small-5,.body .columns td.small-5,.body .columns th.small-5,td.small-5 center,th.small-5 center{display:inline-block!important;width:41.66667%!important}.body .column td.small-6,.body .column th.small-6,.body .columns td.small-6,.body .columns th.small-6,td.small-6 center,th.small-6 center{display:inline-block!important;width:50%!important}.body .column td.small-7,.body .column th.small-7,.body .columns td.small-7,.body .columns th.small-7,td.small-7 center,th.small-7 center{display:inline-block!important;width:58.33333%!important}.body .column td.small-8,.body .column th.small-8,.body .columns td.small-8,.body .columns th.small-8,td.small-8 center,th.small-8 center{display:inline-block!important;width:66.66667%!important}.body .column td.small-9,.body .column th.small-9,.body .columns td.small-9,.body .columns th.small-9,td.small-9 center,th.small-9 center{display:inline-block!important;width:75%!important}.body .column td.small-10,.body .column th.small-10,.body .columns td.small-10,.body .columns th.small-10,td.small-10 center,th.small-10 center{display:inline-block!important;width:83.33333%!important}.body .column td.small-11,.body .column th.small-11,.body .columns td.small-11,.body .columns th.small-11,td.small-11 center,th.small-11 center{display:inline-block!important;width:91.66667%!important}table.body td.small-offset-1,table.body th.small-offset-1{margin-left:8.33333%!important;Margin-left:8.33333%!important}table.body td.small-offset-2,table.body th.small-offset-2{margin-left:16.66667%!important;Margin-left:16.66667%!important}table.body td.small-offset-3,table.body th.small-offset-3{margin-left:25%!important;Margin-left:25%!important}table.body td.small-offset-4,table.body th.small-offset-4{margin-left:33.33333%!important;Margin-left:33.33333%!important}table.body td.small-offset-5,table.body th.small-offset-5{margin-left:41.66667%!important;Margin-left:41.66667%!important}table.body td.small-offset-6,table.body th.small-offset-6{margin-left:50%!important;Margin-left:50%!important}table.body td.small-offset-7,table.body th.small-offset-7{margin-left:58.33333%!important;Margin-left:58.33333%!important}table.body td.small-offset-8,table.body th.small-offset-8{margin-left:66.66667%!important;Margin-left:66.66667%!important}table.body td.small-offset-9,table.body th.small-offset-9{margin-left:75%!important;Margin-left:75%!important}table.body td.small-offset-10,table.body th.small-offset-10{margin-left:83.33333%!important;Margin-left:83.33333%!important}table.body td.small-offset-11,table.body th.small-offset-11{margin-left:91.66667%!important;Margin-left:91.66667%!important}table.body table.columns td.expander,table.body table.columns th.expander{display:none!important}table.body .right-text-pad,table.body .text-pad-right{padding-left:10px!important}table.body .left-text-pad,table.body .text-pad-left{padding-right:10px!important}table.menu{width:100%!important}table.menu td,table.menu th{width:auto!important;display:inline-block!important}table.menu.small-vertical td,table.menu.small-vertical th,table.menu.vertical td,table.menu.vertical th{display:block!important}table.menu[align=center]{width:auto!important}table.button.expand{width:100%!important}}</style><table class=\"body\" style=\"Margin:0;background:#fefefe;border-collapse:collapse;border-spacing:0;color:#0a0a0a;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:200;height:100%;line-height:19px;margin:0;padding:0;text-align:left;vertical-align:top;width:100%\"><tr style=\"padding:0;text-align:left;vertical-align:top\"><td class=\"center\" align=\"center\" valign=\"top\" style=\"-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:200;hyphens:auto;line-height:19px;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word\"><center data-parsed=\"\" style=\"min-width:700px;width:100%\"><table class=\"container text-center\" style=\"Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:700px\"><tbody><tr style=\"padding:0;text-align:left;vertical-align:top\"><td style=\"-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:200;hyphens:auto;line-height:19px;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word\">Simple test</td></tr></tbody></table></center></td></tr></table></body></html>`\r\n\r\nHere's the Inky markup:\r\n`<container>\r\n  Simple test\r\n</container>`\r\n\r\nAny thoughts on how this could be fixed or am I just missing something?"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-emails/issues/comments/200594269","html_url":"https://github.com/zurb/foundation-emails/issues/277#issuecomment-200594269","issue_url":"https://api.github.com/repos/zurb/foundation-emails/issues/277","id":200594269,"user":{"login":"kculmback","id":13227266,"avatar_url":"https://avatars.githubusercontent.com/u/13227266?v=3","gravatar_id":"","url":"https://api.github.com/users/kculmback","html_url":"https://github.com/kculmback","followers_url":"https://api.github.com/users/kculmback/followers","following_url":"https://api.github.com/users/kculmback/following{/other_user}","gists_url":"https://api.github.com/users/kculmback/gists{/gist_id}","starred_url":"https://api.github.com/users/kculmback/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kculmback/subscriptions","organizations_url":"https://api.github.com/users/kculmback/orgs","repos_url":"https://api.github.com/users/kculmback/repos","events_url":"https://api.github.com/users/kculmback/events{/privacy}","received_events_url":"https://api.github.com/users/kculmback/received_events","type":"User","site_admin":false},"created_at":"2016-03-24T00:26:21Z","updated_at":"2016-03-24T00:26:21Z","body":"The issue was with Putsmail, not Foundation for Emails. Fixed by selecting \"Move my CSS inline when I click Send Email\" option in Putsmail."}}