How to create a Page Header (an Image) for print using css

Question

I have an image and I would like to print it on all pages as a page header in center. I tried different methods, but the image is overlapping with the page content. Here is my HTML and CSS: ``` div.pageHeader { position: fixed; top: 0; } ``` ```

``` I tried finding the perfect solution to my problem and I still can't able to solve.

Accepted Answer

Finally I myself came up with a solution.

By Using `position:fixed` the header logo will overlap with the content which is underneath it.The best way is to tweak the existing code with tables and in your css use `thead { display: table-header-group; }`

CSS:

```
   <style type="text/css" media="print">
    #logo
    {
      thead { display: table-header-group; }
    }
```

How to create a Page Header (an Image) for print using css

Solution

Problem

Related problems