[XHTML/JS] Stylesheets und screenauflösung *erledigt*

justme69

Im RL-Dauerstress
ID: 99452
L
25 April 2006
676
13
Servus,

via JS ermittle ich mir die Bildsschirmauflösung des Users - um zu entscheiden, welches Stylesheet zu nehmen ist - soweit so gut.

Für User ohne JS ist ein <noscript>-Bereich definiert, der mir ein Standard-CSS einbindet.

Das ganze ist aber nicht XHTML-valide - weil....
noscript darf nicht im Header stehen, sodern gehört in den Body.
der Link-tag darf nicht im Body stehen, somdern muß in den head-Bereich

ähm... wie mach ich's valide ???

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
...
<script type="text/javascript">var jsLevel=0;</script>
<script src="devi_lib/JScript.php" type="text/javascript"></script>
</head>

<body> 
<noscript><link href="devi_lib/styles003.css" rel="stylesheet" type="text/css" /></noscript>
...
 
Zuletzt bearbeitet:
Das wird schwer werden :p

Ich würde vorschlagen ein default-CSS einzubinden und dass dann via JS überschreiben zu lassen. In wieweit im Hinblick auf die verschiedenen Browser du via DOM auf das Stylesheet zugreifen kannst, weiß ich nicht genau. Da müsstest du mal probieren.
 
Mit dem Überschreiben hab ich's mir auch schon gedacht...

ist wahrscheinlich die einfachste Methode... also werd ich's so machen...
Danke.

:arrow: erledigt.
 
Nochmal zu Variante 1...


Warum nimmst nicht <style> in verbindung mit @import: url('foo.css');

das darf auch im Body stehen!