• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Formatierung fürs Aurucken funktioniert nicht

Basilisk

Neues Mitglied
Hi,

ich hab mal wieder ein Problem und komm einfach nicht dahinter.
Wenn man auf Datei und dann auch Druckervorschau geht kann man halt sehen, was ausgedruckt werden soll. Durch
PHP:
  <link rel="stylesheet" type="text/css" href="Ausdruck.css" 
  media="print" />
kann man die Seite nur für den Ausdruck formatieren, was ich auch getan habe. Alles funktioniert. Ich habe display: none; für Navigation, Fußzeile, Kopfzeile und der Breadcrumbs-Navigation. Alles ist weg. Nur nicht die Fußzeile und ich komm einfach nicht dahinter wieso.

Hier die endsprechenden Dateien:


HTML

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">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  <link rel="stylesheet" type="text/css" href="Formatierung2.css" 
  media="screen" />
  <link rel="stylesheet" type="text/css" href="Ausdruck.css" 
  media="print" />
  <title>Layout</title>
</head>
<body>
  <a name="top"></a>
<!--Beginn der Kopfzeile-->
  <div id="kopf">
    <a href="index.html">
      <img src="../Bilder/Banner.jpg" alt="Home" title="Home"/>
    </a>
  </div>
<!--Ende der Kopfzeile-->
<!--Beginn des Containern-->
  <div id="container">
<!--Beginn der Breadcrumbs-Navigation-->
  <div id="breadcrumbs">
    <a href="index.html">Startseite </a>
    <img src="../Bilder/Breadcrumbs-Pfeil.png" alt="|"/>
    Blog
  </div>
<!--Ende der Breadcrumbs-Navigation-->
<!--Beginn der Navigation-->
  <div id="navigation">
    <ul>
      <li><a href="index.html">Startseite </a></li>
      <li><a href="Meine Songs.html">Meine Songs </a></li>
      <li><a href="http://www.youtube.com/user/DeeJayGamePlay/" 
      target="blank">YouTube-Kanal </a></li>
      <li style="padding: 5px;">Blog</li>
    </ul>
  </div>
<!--Ende der Navigation-->
<!--Beginn des Inhaltes-->
  <div id="inhalt">
    <h1>Blog</h1>
    <a id="seitenanfang" href="#top"><img src="../Bilder/Pfeil.png" 
    alt="zum Seitenanfang" title="zum Seitenanfang"/> </a>
  </div>
<!--Ende des Inhaltes-->
<!--Beginn der Fußzeile-->
  <div id="fuß">
    <a href="Impressum.html">Impressum </a>
  </div>
<!--Ende der Fußzeile-->
  </div>
<!--Ende des Containern-->
</body>
</html>


CSS
PHP:
body {
  font: 100% serif;
  color: #000;
  background-color: #FFF;
}
#kopf {
  display: none;
}
#breadcrumbs {
  display: none;
}
#navigation {
  display: none;
}
#fuß {
  display: none;
}
img {
  display: none;
}
 
Werbung:
Das dürfte an dem scharfen S "ß" von #fuß liegen. Klassen und IDs sollten nur aus Buchstaben des ANSI-Zeichensatzes, Zahlen und, wenn nötig, Bindestrichen bestehen.

Gruß
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben