CODEWITHSUNDEEP
htmlcssgoogle-chrome
Solaire
Solaire

Reputation: 53

Media print.css in Chrome doesn't print html content

I have a problem with the print.css in a website I'm working on. Seems like only with chrome the print view doesn't work. When I see the print view, there are only the layout elements but without any text.

With Safari and Firefox, instead, it works fine.

My css files in the site are these:

    <link type="text/css" rel="stylesheet" href="css/reset.css" />
    <link type="text/css" rel="stylesheet" href="css/960_16_col.css" media="screen and (min-width: 900px)" />
    <link type="text/css" rel="stylesheet" href="css/main.css" media="screen and (min-width: 900px)" />
    <link type="text/css" rel="stylesheet" href="css/tablet.css" media="screen and (max-width: 900px)" />
    <link type="text/css" rel="stylesheet" href="css/mobile.css" media="screen and (max-width: 480px)" />
    <link type="text/css" media="print" rel="stylesheet" href="css/print.css"/>

But if I remove the tablet and mobile css, even in Chrome I'm able to see the text content.

What could be the problem?

Very thanks in advance!

Upvotes: 0

Views: 608

Answers (1)

Alex
Alex

Reputation: 35409

There's likely a definition inside the css/table.css or css/mobile.css that's "hiding" the content.

Search those files for:

  • display:none
  • visibility:hidden
  • text-indent:[someLargePostiveOrNegativeInteger]

At some "breakpoint", the associated content is being "hidden" ...

Upvotes: 1

Related Questions