Suche Browser, der @page landscape/portrait beherrscht

[Boomer]

Hallo, liebe Samstagsgemeinde,

in einem Projekt sind Drucke mal A4 hochkant, mal A4 quer zu auszugeben. Ereulicherweise pro Druckauftrag einheitlich.

Die Regeln des Paged media sind nicht auf Anhieb verständlich, weil praktische Beispiele fehlen. Zum Beispiel der Satz "The CSS2 page model specifies how a document is formatted within a rectangular area" ist verwirrend - wie denn jetzt, wird page oder document angesprochen?

Also, ich habe das erste Beispiel aus obiger Site für das gesamte Dokument versucht:

<script type="text/javascript">  
@page { size 8.5in 11in; margin: 2cm }  
</script>

und Opera meldet "Sytax error", auch wenn ich hinter size den wohl vergessenen Doppelpunkt einfüge. Ebenso bei size:portrait

Frage: Wie wird @page richtig angewendet (habe viel versucht, abr nie Erfolg gehabt im FF, IE, Opera)?
Welcher Browser befolgt die portrait- und landscape- Angaben?

Boomer

[LX]

Hallo!

<script type="text/javascript">

@page { size 8.5in 11in; margin: 2cm }
</script>

Warum schreibst Du CSS-Code in Script-Tags?  
  
Gruß, LX

-- 
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|  
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html  
X-Will-Answer-Email: Unusual  
X-Please-Search-Archive-First: Absolutely Yes

[Swen]

Moin,

Also, ich habe das erste Beispiel aus obiger Site für das gesamte Dokument versucht:

<script type="text/javascript">

@page { size 8.5in 11in; margin: 2cm }
</script>

  
Es geht doch um <http://de.selfhtml.org/css/eigenschaften/printlayouts.htm#page@title=CSS> und nicht um javascript, oder?  
Grüße  
  
Swen

[Boomer]

Moin,

Es geht doch um http://de.selfhtml.org/css/eigenschaften/printlayouts.htm#page@title=CSS und nicht um javascript, oder?

Oh, verflixt. Das kommt davon, wenn man zu viele Sachen ausprobiert. Habe es in die falsche Zeile geschrieben.

Jetzt funktioniert es fürs Gesamtdokument in Opera:
<style type='text/css'>
@page { size:landscape }
</style>

<script type="text/javascript">
</script>

Aber die einzelnen Seiten wollen nicht "umspringen":

<div id=seite2 style='border:1px solid #000; page-break-before:always; @page { size:landscape }'>  
Seite 2 - landscape  
</div>  
  
<div id=seite3 style='border:1px solid #000; page-break-before:always; @page { size:portrait }'>  
Seite 3 - portrait  
</div>  

da bringt Opera einen Syntax-Error.

Merke: Wenn "page" geschrieben wird, ist "document" gemeint.

Naja, mein ursprüngliches Problem ist gelöst, danke.

Boomer

[Boomer]

Jetzt funktioniert es fürs Gesamtdokument in Opera:

Ja, aber nur in Opera's Druckvorschau.

Wenn die Browser-Einstellung "Querformat" und "size:portrait" ist, wird das Dokument im Hochformat auf Querseiten gedruckt:

+--------------------------------------+
|+---------------------------+         |
|| Seite 1 - Hochformat      |         |
||                           |         |
||                           |         |
||                           |         |
||                           |         |
||                           |         |
||                           |         |
||                           |         |
+--------------------------------------+

Schade.