styling

[ranamateenft]

Hi. My page is displaying as like this please help me

[xzessmedia]

same here, i correctly wrapped up the element like this

`< div id="printpage" > < h1 >Test< /h1 > < /div >

< button class="md-icon-button md-primary md-raised" ng-print print-element-id="printpage" md-button>< i class="fa fa-print">< /i >`

Looking the same, defining other element ids does not fix it

[raszkiewicz]

Same issue + table tags are not recognized

[ranamateenft]

Hi Everyone. I am posting the css files here. just replace your css file with my file and all be work fine. I have done with this issue. thanx

@media screen { #printSection { display: none; } }

@media print { body * { display:none; }

#printSection, #printSection * {
    display: inline-block;
    
}

table {
    table-layout: auto;
}
td {
    border: 1px solid #ccc;
    width: 160px;
    height: auto;
}
th {
    border: 1px solid #ccc;
    width: 160px;
    height: auto;
}
th:nth-child(2) {
    border: 1px solid #ccc;
    width: 210px;
    height: auto;
}
td:nth-child(2) {
    border: 1px solid #ccc;
    width: 210px;
    height: auto;
}

#printSection {
    position:absolute;
    left:0;
    top:0;
}

}

github is not allowing me to attach a .css file and me too lazy to change extension. I have pasted the css file contents here. replace your css file contents with my css contents. if some issue persists then play with css little bit and it will fix. thnx.