Hi guys,
I have a project that I am working on whereby the client needs to turn a webpage into a pdf and then print it. As such I've created a print stylesheet.
The client is to use safari to print as I've found that it is the best browser for turning into a pdf. but there is one problem I have come across and that is a multi-column layout, firefox seems to be able to print out multi-columns yet safari/chrome does not. does any one know a work around to this, I dont want to use firefox to print as it seems to ruin the rest of the layout.
this isnt the whole layout but a simple 2-col div test. run this in firefox to print and it will output 2 columns, but not in safari. this is frustrating and confusing.
cheers guys.
I have a project that I am working on whereby the client needs to turn a webpage into a pdf and then print it. As such I've created a print stylesheet.
The client is to use safari to print as I've found that it is the best browser for turning into a pdf. but there is one problem I have come across and that is a multi-column layout, firefox seems to be able to print out multi-columns yet safari/chrome does not. does any one know a work around to this, I dont want to use firefox to print as it seems to ruin the rest of the layout.
this isnt the whole layout but a simple 2-col div test. run this in firefox to print and it will output 2 columns, but not in safari. this is frustrating and confusing.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" >
<title>2 Col Test</title>
</head>
<style>
div {
width:800px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
</style>
<body>
<div>
<p>Donec ac rhoncus nibh. Aliquam erat volutpat. Suspendisse potenti. Donec sit amet nisi ut nunc tincidunt rutrum. Aliquam sit amet dui metus. Praesent blandit nisi non ipsum mollis feugiat. Nullam eget felis magna, vel auctor augue. Donec diam eros, hendrerit eget vehicula id, blandit nec urna. Maecenas eu lacus accumsan nisi tristique tincidunt. Proin euismod felis ut urna dignissim sit amet euismod diam vehicula. Proin mi mauris, sollicitudin eget interdum posuere, iaculis sed metus. Quisque congue diam id nisl cursus eu faucibus nisl luctus. Fusce eu tellus eu elit porta ultricies. Sed vel velit velit. Aliquam nec feugiat nibh. Pellentesque sit amet orci quis ligula rhoncus ultricies.</p>
<p>Donec ac rhoncus nibh. Aliquam erat volutpat. Suspendisse potenti. Donec sit amet nisi ut nunc tincidunt rutrum. Aliquam sit amet dui metus. Praesent blandit nisi non ipsum mollis feugiat. Nullam eget felis magna, vel auctor augue. Donec diam eros, hendrerit eget vehicula id, blandit nec urna. Maecenas eu lacus accumsan nisi tristique tincidunt. Proin euismod felis ut urna dignissim sit amet euismod diam vehicula. Proin mi mauris, sollicitudin eget interdum posuere, iaculis sed metus. Quisque congue diam id nisl cursus eu faucibus nisl luctus. Fusce eu tellus eu elit porta ultricies. Sed vel velit velit. Aliquam nec feugiat nibh. Pellentesque sit amet orci quis ligula rhoncus ultricies.</p>
</div>
</body>
</html>cheers guys.
