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

Question

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

html css

pcs June 12. 15 at 4:52

source to share

2 answers

Sanjay Kumar NS · Answer 1 · 2015-06-12T04:59:22+0000

Just add css style like this:

table {
    width: 100%;
}

Maheswaran s · Answer 2 · 2015-06-12T05:13:20+0000

<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.

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

More articles: