Druck und Screen bei position:absolute

HaraDej · 12.06.2007, 17:35

Hallo,

kann man innerhalb des style="..." - Attributes eines Spans mehrere Ausgabeformate definieren? Also �* la @media print, wie im Seiten-Stylesheet?
Hintergrund: Ich habe ein span per "position:absolute" 2cm vom linken Rand entfernt auf der im Browser ausgegebenen Seite positioniert und möchte dieses Span beim Drucken nicht 1,905cm + 2cm links vom Rand sondern nur 2cm (oder auch 1,905cm) links vom Rand positionieren.
@page {...} funktioniert leider beim IE nicht

Weiterhin kann ich nur innerhalb des body-Tags Text auf der Seite ausgeben, so dass ein getrenntes Stylesheet (oben erwähntes @media print bzw. @media screen) leider keine Lösung ist.

DER_Brain · 12.06.2007, 18:24

link doch einfach zwei stylesheets...

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />

spricht etwas dagegen?

Zergling-new · 12.06.2007, 22:31

inline-styles machen nur Sinn, wenn du diese wirklich einmalig und individuell verwendest, ansonsten würde ich auf sie verzichten.

Offenbar sind deine inline-styles ja aber nicht einmalig, sondern abhängig vom Medium, also würde ich es wie DER_Brain vorgeschlagen hat, mit der Auslagerung von CSS und dem media-Attribut versuchen.

Für inline-styles sind mir auch keine media-Abhängigkeiten bekannt, da könnte Google aber Klarheit verschaffen.

nikosch · 13.06.2007, 02:08

Wenn ich das richtig verstanden habe kann er wohl keine externen Stylesheets einbinden...

Zitat:

Zitat von HaraDej

Weiterhin kann ich nur innerhalb des body-Tags Text auf der Seite ausgeben, so dass ein getrenntes Stylesheet (oben erwähntes @media print bzw. @media screen) leider keine Lösung ist.

HaraDej · 13.06.2007, 09:29

Hallo,

danke für eure Antworten,

nikosch77 hat recht, ich kann keine externen Stylesheets einbinden

google habe ich schon gefragt, bzw. selfhtml, und nix gefunden, deswegen habe ich mich ans forum gewandt.

Die inline-Styles sind schon einmalig, es sind ~100 Objekte, die absolut positioniert werden - automatisch generiert.

Zergling-new · 13.06.2007, 11:39

Warum nur innerhalb des <body> Tags? Schlechtes CMS-Konzept?

Du kannst versuchen einfach im <body> einen <link>-Tag zu erstellen, das ist zwar nicht konform, aber es kann funktionieren. Andernfalls habe ich dir mal ein JavaScript geschrieben, das nachträglich ein <link> Element in den <head> einhängt.

Getestet und funktioniert:
test.html

Code:

<html>
<head>
	<title></title>
</head>
<body>

<script type="text/javascript">
	function addCssFile(href, media)
	{
		var linkTag = document.createElement("LINK");
		linkTag.setAttribute("href",  href);
		linkTag.setAttribute("media", media);
		linkTag.setAttribute("type",  "text/css");
		linkTag.setAttribute("rel",   "stylesheet");

		var headTag = document.getElementsByTagName("HEAD");
		headTag = headTag[0]; // only one <head> tag should exist
		headTag.appendChild(linkTag);
	}
	addCssFile("global.css", "all");
	addCssFile("print.css",  "print");
</script>

<h1>Das ist mein Titel</h1>
<span>das ist mein Text</span>

</body>
</html>

global.css

Code:

h1 {
	color : red;
}

span {
	color : blue;
}

print.css

Code:

h1 {
	text-transform : uppercase;
	color : blue;
}

span {
	text-decoration : underline;
}

HaraDej · 14.06.2007, 09:35

Danke, Zergling, das funktioniert

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
T Shirt Druck Service	md5hash	Off-Topic Diskussionen	16	17.04.2012 16:45
[Erledigt] kurze frage zu screen in einem shell script		Server, Hosting und Workstations	4	16.12.2005 21:22
prob mit webserver - weißer screen		Server, Hosting und Workstations	2	24.10.2005 20:51
fpdf / vorlage fuer hochwertigen druck		PHP-Fortgeschrittene	9	08.09.2005 17:38
CSS und position:absolute	pcschröda	HTML, Usability und Barrierefreiheit	0	05.08.2005 18:46
CSS und position:absolute	pcschröda	HTML, Usability und Barrierefreiheit	0	05.08.2005 18:45
CSS und position:absolute	pcschröda	HTML, Usability und Barrierefreiheit	0	05.08.2005 18:44
CSS und position:absolute	pcschröda	HTML, Usability und Barrierefreiheit	0	05.08.2005 18:43
action bei druck auf taste?	Sclot	HTML, Usability und Barrierefreiheit	6	22.06.2005 14:18
Seite ladet sich nicht voll bei mehrmaligen Druck auf Zurück		Server, Hosting und Workstations	0	10.01.2005 14:28
Kopfzeile einer Tabelle beim Druck wiederholen		HTML, Usability und Barrierefreiheit	7	17.08.2004 10:56
[Erledigt] Seitenabschnitte in HTML einteilen -> druck		HTML, Usability und Barrierefreiheit	1	09.08.2004 11:34
blank screen (php&mysql)		PHP Tipps 2004	21	03.07.2004 16:08

12.06.2007, 17:35
HaraDej Benutzer Registriert seit: 06.12.2005 Beiträge: 38	Druck und Screen bei position:absolute Hallo, kann man innerhalb des style="..." - Attributes eines Spans mehrere Ausgabeformate definieren? Also �* la @media print, wie im Seiten-Stylesheet? Hintergrund: Ich habe ein span per "position:absolute" 2cm vom linken Rand entfernt auf der im Browser ausgegebenen Seite positioniert und möchte dieses Span beim Drucken nicht 1,905cm + 2cm links vom Rand sondern nur 2cm (oder auch 1,905cm) links vom Rand positionieren. @page {...} funktioniert leider beim IE nicht Weiterhin kann ich nur innerhalb des body-Tags Text auf der Seite ausgeben, so dass ein getrenntes Stylesheet (oben erwähntes @media print bzw. @media screen) leider keine Lösung ist. __________________ "Choose again" - Aenea, the One Who Teaches Dan Simmons, The Rise of Endymion


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.06.2007, 18:24
DER_Brain Erfahrener Benutzer Registriert seit: 18.04.2005 Beiträge: 1.541 PHP-Kenntnisse: Fortgeschritten	link doch einfach zwei stylesheets... <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="print.css" media="print" /> spricht etwas dagegen?

12.06.2007, 22:31
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	inline-styles machen nur Sinn, wenn du diese wirklich einmalig und individuell verwendest, ansonsten würde ich auf sie verzichten. Offenbar sind deine inline-styles ja aber nicht einmalig, sondern abhängig vom Medium, also würde ich es wie DER_Brain vorgeschlagen hat, mit der Auslagerung von CSS und dem media-Attribut versuchen. Für inline-styles sind mir auch keine media-Abhängigkeiten bekannt, da könnte Google aber Klarheit verschaffen.

13.06.2007, 09:29
HaraDej Benutzer Registriert seit: 06.12.2005 Beiträge: 38	Hallo, danke für eure Antworten, nikosch77 hat recht, ich kann keine externen Stylesheets einbinden google habe ich schon gefragt, bzw. selfhtml, und nix gefunden, deswegen habe ich mich ans forum gewandt. Die inline-Styles sind schon einmalig, es sind ~100 Objekte, die absolut positioniert werden - automatisch generiert. __________________ "Choose again" - Aenea, the One Who Teaches Dan Simmons, The Rise of Endymion

14.06.2007, 09:35
HaraDej Benutzer Registriert seit: 06.12.2005 Beiträge: 38	Danke, Zergling, das funktioniert __________________ "Choose again" - Aenea, the One Who Teaches Dan Simmons, The Rise of Endymion