Hi Forum,
habe mal wieder zur Übung ein kleineres Projekt angefangen. Das ganze ist ein kleiner Webbasierter Inhaltsmanager für die DB. Also "Mitarbeiter" sollen über das Webinterface daten von Kunden oder anderen Angestellten, what ever, ändern können.
Nach einer Änderung wird man verlinkt zu einer kleinen Seite, die nur schnell aufzählt, was wo wann und von wem geändert wurde.
Dann habe ich mir überlegt, für eine "Firma" wäre so eine änderung (beispielsweise einer Kundennummer) auch noch auf dem guten alten Papier sinnvoll. Also ich nicht dumm, eine Druckfunktion eingebaut.
Ok. Dann mal auf "Druckvorschau" gegangen, da hats mich fast vom Stuhl gehaun ^^. Sieht ja mega scheisse aus, alles Total verballert.
Soo hmm was nun. Mal das alte google gequält folgendes gefunden:
Ok geil hab ich gedacht, mal testen.
Habe dann mal zum test
gemacht. Geil funzt, bilder sind raus. So nun mein Problem. Ich habe für diese kleine "Änderung erfolgreich"-Seite ein mini Design aus 2 Divs. Zum 1. Inhalt zum 2. Darstellung
Ich wollte erst den div "inhalt" loswerden. Durch zuweisung einer Klasse class="noprint". Dann lässt er mir aber, logischweise, auch den div darstellung weg, weil die ja verschachtelt sind.
Der CSS Text für die Normale seite sieht übrigens so aus:
Alles anzeigen
Dann dachte ich, das es durch diese ganze Abstandssache wie margin und padding zu den verschiebungen beim Ausdruck kommt. ist auch Logisch, wenn als ausgang für die Anzeige nichtmehr der Screen sondern ein wesentlich schmäleres DINA4 format dient.
Dann wollte ich in der "print.css" einfach jeglichen abstand der DIVS komplett entfernen. Habe gehöfft, das beim Print die formatierung der DIVS aus der print.css genommen wird.
Die sieht übrigens so aus:
Alles anzeigen
Wird auch korrekt Dargestellt, nur wieder der mist IE6 macht faxen. Der erstellt trotzdem noch die Abstände....
Da ich meine skills in CSS erher auf Mangelhaft, schlimmer noch, ungenügend einschätze, habe ich gehofft ihr wisst irgendwie rat...
grüße
Timo
achso wen was unklar ist, schreibe manchmal verwirrend, einfach fragen
habe mal wieder zur Übung ein kleineres Projekt angefangen. Das ganze ist ein kleiner Webbasierter Inhaltsmanager für die DB. Also "Mitarbeiter" sollen über das Webinterface daten von Kunden oder anderen Angestellten, what ever, ändern können.
Nach einer Änderung wird man verlinkt zu einer kleinen Seite, die nur schnell aufzählt, was wo wann und von wem geändert wurde.
Dann habe ich mir überlegt, für eine "Firma" wäre so eine änderung (beispielsweise einer Kundennummer) auch noch auf dem guten alten Papier sinnvoll. Also ich nicht dumm, eine Druckfunktion eingebaut.
Ok. Dann mal auf "Druckvorschau" gegangen, da hats mich fast vom Stuhl gehaun ^^. Sieht ja mega scheisse aus, alles Total verballert.
Soo hmm was nun. Mal das alte google gequält folgendes gefunden:
Ok geil hab ich gedacht, mal testen.
Habe dann mal zum test
gemacht. Geil funzt, bilder sind raus. So nun mein Problem. Ich habe für diese kleine "Änderung erfolgreich"-Seite ein mini Design aus 2 Divs. Zum 1. Inhalt zum 2. Darstellung
Ich wollte erst den div "inhalt" loswerden. Durch zuweisung einer Klasse class="noprint". Dann lässt er mir aber, logischweise, auch den div darstellung weg, weil die ja verschachtelt sind.
Der CSS Text für die Normale seite sieht übrigens so aus:
Quellcode
- <style type="text/css">
- div#Inhalt {
- margin: 0 12em 0 16em;
- padding: 0 1em;
- border: 1px dashed silver;
- }
- div#Inhalt h1 {
- font-size: 1.5em;
- margin: 0 0 0.5em;
- }
- div#Inhalt h2 {
- font-size: 1.2em;
- margin: 0.2em 0;
- }
- div#Inhalt p {
- font-size: 1em;
- margin: 1em 0;
- }
- div#darstellung {
- border: 1px solid black; background-color: #eee;
- -moz-border-radius:10px;
- -khtml-border-radius:10px;
- margin-left: 15%;
- margin-right: 15%;
- }
- div#Inhalt img {
- behavior: url("../pngbehavior.htc");
- }
- </style>
Dann dachte ich, das es durch diese ganze Abstandssache wie margin und padding zu den verschiebungen beim Ausdruck kommt. ist auch Logisch, wenn als ausgang für die Anzeige nichtmehr der Screen sondern ein wesentlich schmäleres DINA4 format dient.
Dann wollte ich in der "print.css" einfach jeglichen abstand der DIVS komplett entfernen. Habe gehöfft, das beim Print die formatierung der DIVS aus der print.css genommen wird.
Die sieht übrigens so aus:
Quellcode
Wird auch korrekt Dargestellt, nur wieder der mist IE6 macht faxen. Der erstellt trotzdem noch die Abstände....
Da ich meine skills in CSS erher auf Mangelhaft, schlimmer noch, ungenügend einschätze, habe ich gehofft ihr wisst irgendwie rat...
grüße
Timo
achso wen was unklar ist, schreibe manchmal verwirrend, einfach fragen
----[Blockierte Grafik: http://www.smilie-harvester.de/smilies/Alltag/putzen.gif] Nein ich bin nicht die Signatur, ich Putz hier nur ---
...
