✔ Div Eigenschaften werden beim Druck nicht angezeigt?

2

2Pac

Erfahrenes Mitglied
Hallo,

ich habe mir eine Verwaltungsseite gebaut, wo ich Kunden Rechnungen zuweisen kann und dann auch anzeige. Die Rechnungen sind mit CSS formatiert und DIV Containern aufgebaut.

Wenn ich die Seite nun aufrufe und in die Druckvorschau gehe, dann wird nur der Text angezeigt. Es fehlen sämtliche Formatierungen wie Containerränder, Schriftgrößen und Abstände. Woran liegt das? Ich weiß das man mit einem Befehl den Ansicht aus dem Drucken entfernen kann z.b. von Menüs. Also müsste es ja auch anders herum irgendwie funktionieren oder?

Mein Quellcode ist eigentlich ganz simpel.

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="Content-Language" content="de" />
<meta name="author" content="Ronny Schneider" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<title>Verwaltung</title>
</head>
<body>
 <div class='rechnunghead'>Titel<br/><font size='2'>Daten der eigenen Firma</font></div>
 <?php
 $rechnungen = mysql_query("SELECT * FROM rechnungen WHERE id=$id ORDER BY datum DESC");
 while ($row = mysql_fetch_object($rechnungen))
 {
  $rid = $row ->id;
  $nummer = $row ->nummer;
  $jahr = $row ->jahr;
  $euro = $row ->euro;
  $cent = $row ->cent;
  $gegenstand = $row ->gegenstand;
  $bezahlt = $row ->bezahlt;
  $empf = $row ->address_name;
  $anschrift = $row ->address_street;
  $plz = $row ->address_plz;
  $ort = $row ->address_ort;
  $datum = $row ->datum;
  $datum2 = date("d.m.Y", $datum);
  if ($cent < 10)
  {
   $cent2 = "0".$cent;
  }
  else
  {
   $cent2 = $cent;
  }
  echo "<div class='rechnunganschrift'>Herrn/Frau/Firma<br/>$empf<br/>$anschrift<br/>$plz $ort</div>";
  echo "<div class='rechnung'>Rechnung vom $datum2</div>";
  echo "<div class='rechnungdaten'>Steuernummer: 26/141/12571<br/>Leistungszeitraum: $datum2<br/>Rechnungsnummer: $nummer/$jahr (<b>Bitte bei &Uuml;berweisungen angeben!</b>)</div>";
  echo "<div class='gegenstand'>
         <table>
          <tr>
           <th>Gegenstand</th>
           <th>Preis in &euro;</th>
          </tr>
          <tr>
           <td>$gegenstand</td>
           <td>$euro,$cent2</td>
          <tr>
         </table>
        </div>";
  echo "<div class='rechnungtext'>";
  if ($bezahlt == 0)
  {
   echo "hier ein Text";
  }
  elseif ($bezahlt == 1)
  {
   echo "hier ein Text";
  }
  echo "</div>";
 }
 ?>
</body>
</html>

Mein CSS sieht so aus:

HTML: 
.header {

  border-bottom: 1px solid #000000;
  font-size:2em;

}

a, a:hover, a:focus, a:visited {

  color: #000000;
  text-decoration: none;

}

.oben {

  background-color:#2B2F32;
  border-top:3px solid #BF0304;
  font-size:0.8em;
  font-weight:bold;
  font-family:verdana;
  padding-top:2px;
  padding-right:2px;
  padding-left:2px;
  color:#FFFFFF;

}

.unten {

  border-bottom:3px solid #2B2F32;
  border-left:1px dotted #2B2F32;
  border-right:1px dotted #2B2F32;
  font-size:0.8em;
  font-family:verdana;
  padding-top:2px;
  padding-right:2px;
  padding-left:2px;
  color:#2B2F32;

}

.left {

  float:left;
  padding:5px;

}

.right {

  border-left: 1px solid #000000;
  padding:5px;
  margin-left: 50%;

}

.clear,.clearer {
  clear:both;
  display: block;
  font-size: 0;
  line-height: 0;
}

.artikeloben {

  background-color:#6D7F88;
  border-top:3px solid #EAA000;
  font-size:0.8em;
  font-weight:bold;
  font-family:verdana;
  padding-top:2px;
  padding-right:2px;
  padding-left:2px;
  color:#FFFFFF;

}

.artikelunten {

  border-bottom:3px solid #6D7F88;
  border-left:1px dotted #6D7F88;
  border-right:1px dotted #6D7F88;
  font-size:0.8em;
  font-family:verdana;
  padding-top:2px;
  padding-right:2px;
  padding-left:2px;
  color:#6D7F88;

}

.rechnunghead {

  border-bottom: 1px solid #000000;
  font-size:2em;
  margin-left:10%;
  margin-right:10%;

}

.rechnunganschrift {

  margin-top:50px;
  font-size:1.1em;
  margin-left:10%;

}

.rechnung {

  font-size:1.6em;
  font-weight:bold;
  margin-top:50px;
  margin-left:10%;

}

table {

  border:1px solid #000000;
  width:80%;
  margin-left:10%;
  margin-right:10%;
  margin-top:20px;
  padding:3px;

}

table th {

  border-bottom: 1px solid #000000;
  font-weight:bold;
  text-align:left;

}

.rechnungtext {

  font-size:1em;
  margin-left:10%;
  margin-right:10%;
  margin-top:20px;
  border-bottom:1px solid #000000;

}

.rechnungdaten {

  margin-top:20px;
  font-size:0.9em;
  margin-left:10%;
  margin-right:10%;

}

Wäre nett wenn mich wer aufklärt was falsch daran ist?
MfG Ronny
Danke im Voraus!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück