Solved: javascript und css

folgendes script soll so modifiziert werden, dass je nach bildschirmauflösung ein anderes .css file auf di index.html verlinkt wird.
ich weiss dass es geht, kann mich aber nicht mehr erinnern wie.
kann nicht allzu kompliziert sein.

<SCRIPT language="JavaScript">
<!--
if ((screen.width=1024) && (screen.height=768))
{
//1024.css soll verwendet werden
}
else if((screen.width=800) && (screen.height=600))
{
//800.css soll verwendet werden
}
//-->
</SCRIPT>

und so fort

danke schonmal im voraus

Ist auf englisch, und ein Tutorial wo alles erklaert wird.
http://particletree.com/features/dy...endent-layouts/
ein demo von den script:
http://particletree.com/examples/dynamiclayouts

Zitat von Lizardking

@that: mei, dann mach ichs halt (>=800 && <=1024), das sollt ja net das problem sein.

Gut - ich wollte dich nur vorwarnen, dass es nicht nur 4:3 Desktops mit einer von 3 Auflösungen gibt.

Zitat von Lizardking

nur bin ich nicht bereit, für jede auflösung die eventuell verwendet werden könte ein seperates css file zu machen^^

Ich würde für jedes deiner CSS-Files eine bestimmte Mindesthöhe und -breite vorsehen. Wenn einer dieser Werte unterschritten ist, kommt das nächst kleinere Design.

Dann benutz aber auch nicht die Bildschirmgröße, sondern die Größe des Browserfensters:

Code: PHP

 if (navigator.appName=="Netscape" || navigator.appName=="Mozilla") {
  x = window.innerWidth;
  y = window.innerHeight;
 }
 else {
  x = document.body.clientWidth;
  y = document.body.clientHeight;
 }

So gehts zumindest mit Mozilla und IE - wie man das für alle Browser verallgemeinert, müsstest du selbst herausfinden.