Für verschiedene Bildschirmauflösungen je ein anderes CSS

[santange]

Da ich bei meiner ersten Frage so schnell und kompetent Antwort erhalten habe,
wende ich mich nochmals hier für ein weiteres Problem, dass mich seit längerem verfolgt.


Ich möchte gerne pro Bildschirmauflösung je ein anderes CSS File
ladenlassen.

Ich weiss es gibt eine Möglichkeit mit JavaScript. Bin aber nicht fündig
geworden.

Hat mir da jemand einen guten Tip?

Danke im voraus.

 

[Fabian H]

Hi,

ich glaube, wir hatten das schonmal, aber egal:

<script type="text/javascript">
sStylesheet = new String();

if (screen.width == 800) { // 800x600
    sStylesheet = "klein";
} else if (screen.width = 1024) { // 1024x768
    sStylesheet = "mittel";
} else if (screen.width = 1280) { // 1280x1024
    sStylesheet = "gross";
} else { // alles andere
    sStylesheet = "alternative";
}

window.document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"" + 
</script>

 

[2Pac]

Entschuldigung das ich diesen Thread neu aufrufe, aber hätte mal eine Frage diesbezüglich. Wird durch das Script die Grafik auf die jeweilige Auflösung angepasst dadurch? Wenn ja dann müsste das doch dann total verpixelt und verzerrt aussehen wenn man 1200 Auflösung hat oder?

MfG 2Pac

 

[Sven Mintel]

Dort steht nix von Grafiken... es werden je nach Auflösung unterschiedliche Stylesheets geladen.
Grafiken werden dadurch nicht verändert.

 

[2Pac]

Hmmm dieser Thread wurde mir als Tipp gesagt in meinem Thread, wo ich nachgefragt habe, ob es in HTML eine Möglichkeit gibt, Grafiken auf die Auflösung des Users anzupassen.

MfG 2Pac

 

[Sven Mintel]

Das könntest du schon mit einem Stylesheet machen.... auf jeden Fall hast du aber Recht.... wenn ein Bild nicht in seiner Originalgrösse angezeigt wird, sieht es verzerrt/pixelig aus.