print media....

[Trojax]

Ich will für meine Seite eine getrennte Druckansicht schaffen-das hab ich mit folgender Zeile im Head meiner index.php gemacht:

echo "        <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\" />\n";
     echo "        <link rel=\"stylesheet\" type=\"text/css\" media=\"print\" href=\"druck.css\" />\n";

dann habe ich eine Tabelle die ich zweimal mit unterschiedlichem inhalt Fülle-eine mit der Bezeichnung

<table class = 'tablealleet'>

und eine mit

<table class = 'tablealleetprint'>

erstere für alles außer Drucker als Medium und zweitere nur für den Drucker.

in meinem normalen css-File "page.css" sieht das dann so aus:

.tablealleet
{
position:absolute;
width: 50%;

top:35%;
left:30%;
}

.tablealleetprint
{
 display: none;
 visibility	: hidden;
position:absolute;
width: 50%;

top:35%;
left:30%;
}

in meiner druck.css so:

.tablealleet
{
  display: none;
  visibility : hidden;
position:absolute;
top:35%;
left:30%;
}
.tablealleetprint
{

position:absolute;
top:35%;
left:30%;
}

Leider wird immer die Darstellung der page.css, nie die der druck.css ausgegeben(also auch nicht wenn ich die Seite drucke)
Muss ich da noch irgendetwas dazu schreiben oder mache ich irgendetwas anderes falsch?

Danke schonmal
Lg Daniel

 

[pit-r]

Moin!

In der druck.css hebst Du diese beiden Sachen:
display: none;
visibility: hidden;

nicht auf...

Ahoi - Pit

 

[Trojax]

Naja-nein- in der page.css soll ja die erste Tabelle und nicht die zweite zu sehen sein- in der druck.css die zweite. Oder muss ich da sowas wie visibility= true und display= true machen?
Lg Daniel

 

[pit-r]

Hi!

true wäre für beides ungültig. visibility => visible - display => z. B. block

Ahoi - Pit