Question

I need to draw a small vertical seperating line in my print document. When i apply it thro the CSS class ,it works pretty well with firefox and IE8, but the styles dont get applied for chrome. The styles are in @media print of my css file.

.verticalLine1 
{border:0.5px #B1B1B1;
border-style:solid;
border-top-width:15px;
width:1px;
}

Any pointers to solve this problem?

Answer 1

After 2 pathetic days, I couldn’t crack up with a proper fix.But had few alternatives

Writing styles inline with the code worked Pretty perfectly. Code looks as below

<div style="border:0.5px #B1B1B1;border-style:solid;border-top-width:15px;width:1px;"></div>

Since the previous approach is not a great coding practice I was forced to create an image with the above dimensions and I added it as a part of the code.

Thanks to chrome.Atleast it adds images, if not css.