Palme: anderes Stylesheet einbinden, wenn JavaScript deaktiviert ist

Beitrag lesen

Hallo,

ich habe abhängig von der Bildschirmauflösung jeweils ein externes Stylescheet eigefügt mit folgendem JavaScript-Code:

if(screen.width < 1024) { document.write('<link rel="stylesheet" type="text/css" href="./css_js/grundgeruest800_600.css">'); }
else { document.write('<link rel="stylesheet" type="text/css" href="./css_js/grundgeruest1024_768.css">'); }

Wenn JavaScript aber nun ausgeschaltet ist, funktioniert das natürlich nicht mehr. Hatte mir Anfagns gedacht, in den <head> Bereich einfach noch zusätzlich ein <noscript> einzufügen, hätte z.B. so ausgesehen:

<noscript>
<link rel="stylesheet" type="text/css" href="./css_js/grundgeruest_js_off.css">
</noscript>

... aber <noscript> darf ja nivht im <head> verwendet werden, oder?!

Hat jemand eine Lösung, oder gibt's keine?

mfg

Palme