Skip to content

Instantly share code, notes, and snippets.

@neilgee

neilgee/Zurb Ink Newsletter HTML Mark up - wrapping container in full width

Created February 15, 2014 23:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save neilgee/9026558 to your computer and use it in GitHub Desktop.
Save neilgee/9026558 to your computer and use it in GitHub Desktop.
Download ZIP
Zurb Ink Newsletter HTML MarkUp - wrapping a Containing Table in a Full Width Fluid Row
Raw
Zurb Ink Newsletter HTML Mark up - wrapping container in full width
<body style="background:#b9e5ff;">
<table class="body" style="background:#b9e5ff;">
<tr>
<td class="center" align="center" valign="top">
<center>
<!-- Email Content starts-->
<table class="row header" bgcolor="#205D7A" style="background:#205D7A;"><!--full width row wrapper-->
<tr>
<td class="center" align="center">
<center>
<table class="container"><!--start of container-->
<tr>
<td>
<table class="row">
<tr>
<td class="wrapper last">
<table class="twelve columns">
<tr>
<td>
row content in here
</td>
<td class="expander"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table><!--end of container-->
</center>
</td>
</tr>
</table><!--end of full width row wrapper-->
<!-- Email Content ends-->
</center>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment