CSS-Stylesheet für verschiedene Auflösungen...

[smalltobi]

Hallo

Ich möchte für meine Homepage eine externe CSS-Stylesheet Datei nutzen, die je nach Auflösung andere Schriftgrößen usw. anbietet, um die Page bei jeder Auflösung möglichst einheitlich zu präsentieren.

Geht das?

Wie kann ich das realisieren?

[Fabian Transchel]

Hallo

moin

Ich möchte für meine Homepage eine externe CSS-Stylesheet Datei nutzen, die je nach Auflösung andere Schriftgrößen usw. anbietet, um die Page bei jeder Auflösung möglichst einheitlich zu präsentieren.

würde ich nicht machen, die gründen kommen gleich...

Geht das?

ja, aber es hat wenig zweck, weil du dann nur noch am css-codeen bist, wenn du _alle_ möglichen auslösungen reinnehmen willst.
ausserdem kommt es nicht wirklich auf die auflösung an, sondern auf den _anzeigebereich_, und den kannst du zwar per JS abrufen, aber es garantiert niemand das der so bleibt.
deshalb: lass es lieber sein und schreib ne seite, die ab 800*600 überall gleich gut ausssieht.

Wie kann ich das realisieren?

mit javascript, steht in SelfHTML

Fabian

[Kai Lahmann]

hi

würde ich nicht machen, die gründen kommen gleich...

es gibt fälle, wo soetwas durchaus sinn macht - allerdings geht es dabei nicht darum, ob die Seite in 800x600 oder in 1024x768 anzuzeigen ist... Wenn man seine Seite wirklich für _alle_ öffnen will, kann es vorkommen, dass man ganz andere Auflösungen findet - und bei einem PDA mit 200x320 Pixeln oder so wird man sich nicht über 50Pixel schriftgröße freuen.. auch sollte man irgendwann mit position:fixed sehr vorsichtig werden...
Das hat inzwischen auch das W3C erkannt und wird mit CSS3 dafür die 'media queries' einführen. Damit wäre es dann z.B. so:

<style>
@import url(immer.css); /* gilt immer */
@import url(print.css) print; /* zum Druck */
@import url(800p.css) screen and width => 750px; /* normale Bildschirme */
@import url(800m.css) screen and width < 750px; /* kleine Bildschirme */
</style>

.....das ganze ist aber einmal mehr nur zukonftsmusik, nichtmal Mozilla hat's bisher drin.

Grüße aus Bleckede

Kai

[Fabian Transchel]

hi

moin

würde ich nicht machen, die gründen kommen gleich...

es gibt fälle, wo soetwas durchaus sinn macht - allerdings geht es dabei nicht darum, ob die Seite in 800x600 oder in 1024x768 anzuzeigen ist... Wenn man seine Seite wirklich für _alle_ öffnen will, kann es vorkommen, dass man ganz andere Auflösungen findet - und bei einem PDA mit 200x320 Pixeln oder so wird man sich nicht über 50Pixel schriftgröße freuen.. auch sollte man irgendwann mit position:fixed sehr vorsichtig werden...
Das hat inzwischen auch das W3C erkannt und wird mit CSS3 dafür die 'media queries' einführen. Damit wäre es dann z.B. so:

ja, aber auf einer "normalen" webseite mit einer zielgruppe, die vor einem pc sitzt denke ich sind meine argumentationen haltbar.

ein handheld fällt für mich unter ein anderes anzeigegerät, somit sind dafür (andere, zusätzliche) externe stylesheets sowieso klar.

<style>
@import url(immer.css); /* gilt immer */
@import url(print.css) print; /* zum Druck */
@import url(800p.css) screen and width => 750px; /* normale Bildschirme */
@import url(800m.css) screen and width < 750px; /* kleine Bildschirme */
</style>

.....das ganze ist aber einmal mehr nur zukonftsmusik, nichtmal Mozilla hat's bisher drin.

schade, hört sich gut an.

Grüße aus Bleckede

Kai

Fabian

[AndreasW]

Hallo

Hallo,

Ich möchte für meine Homepage eine externe CSS-Stylesheet Datei nutzen, die je nach Auflösung andere Schriftgrößen usw. anbietet, um die Page bei jeder Auflösung möglichst einheitlich zu präsentieren.

Gib einfach gar keine Schriftgröße oder eine prozentuale Angabe an.
Dann bekommt jeder Surfer die Schriftgröße, die er in seinem Browser als die Default-Größe angegeben hat, also die Schriftgröße, die er gerne hätte.

(wenn man dann noch sämtliche anderen Längenangaben in em oder ex angibt, paßt auch alles andere).

Andreas