Geschrieben von: gunwalt Thu. 27. August 2009, 18:38
ZITAT(saschapi @ Thu. 27. August 2009, 19:29)
Ausgedruckt werden dann zwei, wobei auf der zweiten nur der HEader und Footer drauf ist.
Kann man doch ausstellen, oder? Vielleicht kommen dadurch "Überhangpixel".
Post doch mal die CSS.
Geschrieben von: saschapi Fri. 28. August 2009, 14:22
Hab die Seite bisher tatsächlich nur lokal.
Hier mal HTML und CSS:
CODE
<!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" xml:lang="en" lang="de">
<head>
<title>Startseite : Willkommen</title>
<link rel="stylesheet" href="/design/print.css" type="text/css" media="print" />
</head>
<body>
<a name="top"></a>
<div id="wrapper">
<div id="navigation">
<h1><a href="cms/startseite/willkommen.html"><img src="/design/logo.gif" alt=""/><span class="hidden">Städtebaulich Planen mit der Sonne</span></a></h1>
<!--START 1000//--> <div id="navi">
<p class="hidden"><a href="/cms/startseite/willkommen.html#zielAnker">Navigation überspringen</a></p>
<strong class="hidden">Hauptnavigation</strong><ul>
<li><a href="cms/startseite/willkommen.html" class="current">Startseite</a></li>
<li><a href="cms/basics/warum-wir-die-sonne-brauchen.html" id="folder3">Basics</a></li>
<li><a href="cms/vertiefende-informationen/arbeitshilfen-und-downloads.html" id="folder4">Vertiefende Informationen</a></li>
<li><a href="cms/kontakt/kontaktinformationen.html" id="folder5">Kontakt</a></li>
<li><a href="cms/video/planen-mit-der-sonne-video.html" id="folder11">Video</a></li>
</ul>
<a name="zielAnker"></a>
</div><!--END 1000//-->
</div>
<div id="main">
<h2><span><span class="prefix"><!--START 80//--><!--END 80//--></span><!--START 100//-->Willkommen<!--END 100//--> </span></h2>
<div id="content"><div>
<!--START 110//-->Als mittelfristig angelegte Initiative des Bauministeriums NRW und der Stadt Köln ist es unser Ziel, die Besonnung und
Tageslichtversorgung der Wohn- und Aufenthaltsräume von Neubausiedlungen und städtebaulichen Projekten zu verbessern.
Das schafft mehr Wohn- und Lebensqualität und senkt die Energiekosten durch die verstärkte Nutzung der kostenlosen Sonneneinstrahlung. <!--END 110//-->
<span class="go-top"><a href="/cms/startseite/willkommen.html#top">Zurück zum Seitenanfang.</a></span>
</div></div>
</div>
<div id="service">
<!--START 1100//--><strong class="hidden">Sie befinden sich derzeit hier in der Struktur dieser Webseite:</strong>
<ol><li><a href="cms/startseite/">Startseite</a></li> <li class="last">Willkommen</li></ol>
<strong class="hidden">Rechtliche Informationen zu dieser Seite.</strong>
<ul id="impressum"><li><a href="cms/kontakt/impressum.html">Impressum</a></li><li><a href="cms/kontakt/datenschutz.html">Datenschutz</a></li></ul>
<a href="/cms/startseite/willkommen.html#top" class="hidden">Zurück zum Seitenanfang.</a><!--END 1100//-->
</div>
<div id="style1"></div>
<div id="style2"><!--START 200//--><img src="/design/seite.jpg" alt="" />
<span class="editbutton">
</span><!--END 200//--></div>
</div>
</body>
</html>
Und hier das Print CSS:
CODE
body {
font-family: Arial, Helvetica, sans-serif;
}
.print-hidden {
display: none;
}
h1 span {
font-size: 16px;
display: none;
}
h1 a {
text-decoration: none;
}
h1 a img {
border: 0;
size: 50%;
}
#navigation ul, #navigation p, #navigation strong, #style1, #style2, #service, .go-top {
display: none;
}
a {
text-decoration: underline;
color: #6E90CA;
}
#content {
line-height: 180%;
}
Da kann doch eingentlich nix problematisch sein
Nerv!