Clever Geek Handbook

How to set full width and height for an email template in css

Here is my left.html, JSFIDDLE

I need to set full width for header and footer without changing content alignment.

I tried it width:100%;

, the problem is that I am using a template and it has <table>

.

CSS

body,#bodyTable,#bodyCell{
            height:100% !important;
            margin:0;
            padding:0;
            width:100% !important;
        }
        table{
            border-collapse:collapse;
        }

Can anyone help me how to install?

Any help would be much appreciated,

Thank,

+3


source to share


2 answers


Just add css style like this:



table {
    width: 100%;
}
0


source 


<table style="width:100%">
  <tr>
  
  <td>test</td>
  <td>test</td>
  </tr>
  </table>
Run code




Add inline style for the table because this is an email template.

0


source






More articles:


All Articles