Verschiedene Ausgabegeräte (PC, PDA, Drucker...) berücksichtigen

Hallo!

Wie funktioniert es, im Stylesheet oder anderswo verschiedene Ausgabegeräte
wie PC, PDA, Drucker unterschiedlich zu definieren/berücksichtigen? Ich habe
es einmal kurz gelesen, nie wieder nachgeschaut und weiß nun das richtige
Stichwort nicht mehr.

Beispiele: Beim PDA möchte ich einen weißen statt eines grauen Hintergrunds
(PC), und keinen linken und rechten freibleibenden Rand auf der Seite.

Danke für Eure Hilfe und ein schönes WE!
--
Moin+Gruss Alexander - MVP for MS Excel - www.xxcl.de - mso2000sp3 --7-2

Re: Verschiedene Ausgabegeräte (PC, PDA, Drucker...) berücksichtigen

Doch noch selbst gefunden über Selfhtml-Suche "Ausgabegerät":

http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrag e=Ausgabeger%E4t

Erstaunlich dabei:

1. Es braucht je ein .CSS pro Gerät.
2. Zu welchem Gerät ein .CSS dann gehören soll, braucht es HTML - also in
jeder .CSS verwendenden Seite erneut.

Schade! Schön wären bedingte Kommandos in einem einzigen .CSS für alle, so
wie man in VBA bedingt kompilieren kann.

--
Moin+Gruss Alexander - MVP for MS Excel - www.xxcl.de - mso2000sp3 --7-2

Re: Verschiedene Ausgabegeräte (PC, PDA, Drucker...) berücksichtigen

Alexander Wolff schrieb:
> Doch noch selbst gefunden über Selfhtml-Suche "Ausgabegerät":
>
> http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrag e=Ausgabeger%E4t
>
> Erstaunlich dabei:
>
> 1. Es braucht je ein .CSS pro Gerät.
> 2. Zu welchem Gerät ein .CSS dann gehören soll, braucht es HTML - also in
> jeder .CSS verwendenden Seite erneut.

Erstaunlich, dass Du das aus all den Informationen so interpretierst.

Format-Definitionen für unterschiedliche Ausgabemedien
http://de.selfhtml.org/css/formate/einbinden.htm#media

Dort ist zu lesen:
"Neben der Möglichkeit, nach oben Verschiedene separate Stylesheets
für unterschiedliche Ausgabemedien in HTML einzubinden, steht auch die
Möglichkeit zur Verfügung, innerhalb eines style-Bereichs zwischen
unterschiedlichen Ausgabemedien zu unterscheiden."

Die Einschränkung auf den "style-Bereich" erscheint verwirrend, denn
diese Art der Medienwahl ist grundsätzlich auch im Stylesheet selber
möglich.

> so wie man in VBA bedingt kompilieren kann.

Seit wann kann man VBA Makros kompilieren? ;-)

Thorsten Dörfler
--
vb-hellfire - einfach anders
http://www.vb-hellfire.de/

Re: Verschiedene Ausgabegeräte (PC, PDA, Drucker...) berücksichtigen

> "Neben der Möglichkeit, nach oben Verschiedene separate Stylesheets
> für unterschiedliche Ausgabemedien in HTML einzubinden, steht auch die
> Möglichkeit zur Verfügung, innerhalb eines style-Bereichs zwischen
> unterschiedlichen Ausgabemedien zu unterscheiden."

Wer will denn Style-Definitionen im einzelnen .HTML? Dafür habe ich doch
mein extra .CSS. Und ich suchte nach so etwas:

HTML- Geräte-
Seiten Definitionen

zentrales
---\ .CSS
\
-----\ /-----
\ /
-------*-------
/ \
-----/ \-----

wo gewissermaßen erst im .CSS die Aufteilung auf Geräte geschieht.

Dein Angebot fällt aber hinter das, was ich fand, insoweit zurück, als dass
ich doch wieder in jedem HTML für jedes Gerät einzelne Anweisungen ändern
müßte. OK: Kein Problem, wenn man schnell über das ganze Web ersetzen kann -
schafft mehr Portabilität und weniger Abhängigkeiten von anderen Dateien.

Da war ich doch mit dem Verweis auf unterschiedliche .CSS (die auch pro
HTML-Seite gegeben werden) schon weiter, weil die Angabe, welche Geräte
unterschiedlich behandelt werden sollen, nicht so änderungswahrscheinlich
ist, wie die Angabe der einzelnen Änderungen.

Was ich nicht verstehe, ist @import. Wo liegt bei 1. ggü 2. der zusätzliche
Nutzen?
1. @import url("normal.css") screen;
2.


>> so wie man in VBA bedingt kompilieren kann.
> Seit wann kann man VBA Makros kompilieren? ;-)

(Vielleicht) nicht seit jeher. In den neueren Versionen wird aber
kompiliert, nicht interpretiert:
[Excel-VBA] Extras Optionen Allgemein Kompilieren ... .
Ich meinte allerdings sowieso VB - habe aus Versehen VBA geschrieben.
--
Moin+Gruss Alexander - MVP for MS Excel - www.xxcl.de - mso2000sp3 --7-2

Re: Verschiedene Ausgabegeräte (PC, PDA, Drucker...) berücksichtigen

Alexander Wolff schrieb:
>> "Neben der Möglichkeit, nach oben Verschiedene separate Stylesheets
>> für unterschiedliche Ausgabemedien in HTML einzubinden, steht auch die
>> Möglichkeit zur Verfügung, innerhalb eines style-Bereichs zwischen
>> unterschiedlichen Ausgabemedien zu unterscheiden."
>
> Wer will denn Style-Definitionen im einzelnen .HTML? Dafür habe ich doch
> mein extra .CSS. Und ich suchte nach so etwas:
>
> HTML- Geräte-
> Seiten Definitionen
>
> zentrales
> ---\ .CSS
> \
> -----\ /-----
> \ /
> -------*-------
> / \
> -----/ \-----
>
> wo gewissermaßen erst im .CSS die Aufteilung auf Geräte geschieht.

Ja weiß ich. Den entsprechenden Hinweis habe ich Dir auch gegeben:

>> Die Einschränkung auf den "style-Bereich" erscheint verwirrend, denn
>> diese Art der Medienwahl ist grundsätzlich auch im Stylesheet selber
>> möglich.

Sprich: @media device {selektor {eigenschaften}} funktioniert
grundsätzlich auch im Stylesheet selber und ist nicht auf den style
Bereich eines HTML Dokuments beschränkt. Das meinte ich mit der
verwirrenden Aussage des unter [1] genannten Textes.

> Dein Angebot fällt aber hinter das, was ich fand, insoweit zurück, als dass
> ich doch wieder in jedem HTML für jedes Gerät einzelne Anweisungen ändern
> müßte.

Nein.

> Was ich nicht verstehe, ist @import. Wo liegt bei 1. ggü 2. der zusätzliche
> Nutzen?
> 1. @import url("normal.css") screen;
> 2.

@import wird nicht von jedem Browser (NS4) verstanden und somit kann
man ein Stylesheet auf diese Art und Weise vor bestimmten Browser
"verstecken". Aber eigentlich gehört @import zu CSS und kann eben in
einem solchen CSS verwendet werden, um mehrere Stylesheets zu einem
zusammenzufassen. Wohingegen zu HTML gehört und die übliche Art
ist, externe Stylesheets einzubinden.

>>> so wie man in VBA bedingt kompilieren kann.
>> Seit wann kann man VBA Makros kompilieren? ;-)
>
> (Vielleicht) nicht seit jeher. In den neueren Versionen wird aber
> kompiliert, nicht interpretiert:
> [Excel-VBA] Extras Optionen Allgemein Kompilieren ... .

Ich lasse Dich mal in dem Glauben, dass diese Funktion das macht. Wohl
wissend, dass es nicht so ist. ;-)

[1] http://de.selfhtml.org/css/formate/einbinden.htm#media

Thorsten Dörfler
--
vb-hellfire - einfach anders
http://www.vb-hellfire.de/

Re: Verschiedene Ausgabegeräte (PC, PDA, Drucker...) berücksichtigen

Die Tastatur von Thorsten Doerfler wurde wie folgt gedrückt:
> Sprich: @media device {selektor {eigenschaften}} funktioniert
> grundsätzlich auch im Stylesheet selber und ist nicht auf den style
> Bereich eines HTML Dokuments beschränkt. Das meinte ich mit der
> verwirrenden Aussage des unter [1] genannten Textes.

Aha. Dann sollte ich das mal testen. Hab leider grad keinen Pocket-PC da.
--
Moin+Gruss Alexander - MVP for MS Excel - www.xxcl.de - mso2000sp3 --7-2

Re: Verschiedene Ausgabegeräte (PC, PDA, Drucker

Alexander Wolff schrieb:

> Aha. Dann sollte ich das mal testen. Hab leider grad keinen Pocket-PC da.

Mit Operas "Klein-Bildschirm"-Modus kannst du das wunderbar emulieren. Nach
Umschalt+F11 werden Regeln in @media handheld { ... } berücksichtigt.

Re: Verschiedene Ausgabegeräte (PC, PDA, Drucker...) berücksichtigen

> Mit Operas "Klein-Bildschirm"-Modus kannst du das wunderbar
> emulieren. Nach Umschalt+F11 werden Regeln in @media handheld { ... }
> berücksichtigt.

Wertvolle Anregung, habe aber leider nur Firefox installiert. Vielleicht
ändere ich das mal.

Immerhin: Teilt man den .CSS-Teil auf auf einerseits

....screen

und andererseits

....print, handheld

und geht man dann auf Druckvorschau, sieht man auch schon, dass es geht.

Halt: Format .R invertiert leider nicht in der Druckvorschau:

--------------------------------------------------------
@media screen {
html { background-color:#D4D4D4; font-family:Verdana, Tahoma, Arial;
font-size: 10pt; margin:30px 100px }
}
@media handheld, print {
html { background-color:#D4D4D4; font-family:Verdana, Tahoma, Arial;
font-size: 10pt; margin:0px 0px }
}
..A { font-size: 12pt }
..E { font-weight: bold }
@media screen, handheld {
..R { background-color:#666666; color:#FFFFFF; font-family:courier,Monospace;
margin:0px;0px;0px;0px; padding:0px;0px;0px;0px;}
}
@media print {
..R { background-color:#000000; color:#FFFFFF; font-family:courier,Monospace;
margin:0px;0px;0px;0px; padding:0px;0px;0px;0px;}
}
..T { background-color:#D4D4D4; font-family:courier,Monospace;
margin:0px;0px;0px;0px; padding:0px;0px;0px;0px;}
..B { background-color:#AAAAFF }
..C { background-color:#99CCFF }
..Z { vertical-align: text-top; font-size: smaller}
--------------------------------------------------------

Mal gespannt, ob ein HP Jornada 680 (von 1999?) das schon packt (hat einen
Pocket-Browser ca. Stand IE 4.0), oder ob man einen neueren Browser
verwenden muss.
--
Moin+Gruss Alexander - MVP for MS Excel - www.xxcl.de - mso2000sp3 --7-2

Exkurs: Browser, die meine Webseite aufriefen

2007 Mär Apr Mai Jun

IE 58% 68% 67% 71%
Firefox 34% 29% 28% 25%
Opera 5% 3% 3% 3%
andere 3% 2% 1%

Besuche 280 150 230 250
eindeutig 730 360 490 530
Ansichten 960 520 640 730 (laut Google Analytics)
--
Moin+Gruss Alexander - MVP for MS Excel - www.xxcl.de - mso2000sp3 --7-2

Re: Exkurs: Browser, die meine Webseite aufriefen

Alexander Wolff wrote:

> IE 58% 68% 67% 71%
> Firefox 34% 29% 28% 25%
> Opera 5% 3% 3% 3%
> andere 3% 2% 1%

Hallo!

Wem soll das was nutzen?

z.B.:
Wie erkennst Du die Unmengen an Browsern die auf Grund von
Kompatibilität den UA-String für MS-IE senden aber in Wirklichkeit
keiner sind? Kann man leider nicht sicherstellen.

Mal abgesehen davon würde diese statistik, selbst wenn sie korrekt wär
für andere nur einen Aussagewert besitzen. "Das passiert halt auf der
Seite von Alexander Wolff". Andere Seiten, andere Ergebnisse.

Also. Warum postest Du das?

MfG, Ulf