Why does the print layout of my Yii project look so awful?
The page is rendered correctly on the computer screen but the print preview of firefox shows an awful page.
This is part of the header of protected/layouts/main.php:
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl;?>/css/screen.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl;?>/css/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl;?>/css/main.css" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl;?>/css/form.css" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl;?>/css/custom.css" />
The above files of course are present in the project folder, I did not change the /css/print.css file.
Have I to create a print.css from scratch?
Please compare the 2 screenshots below.
The first screenshot shows the view on the screen.
6115
And this is the print preview of the same view in firefox.
6116
Any tipps are appreciated. Thanks in advance.