Sto cercando di fare in modo che l'immagine che compare nell'header di un sito che sto facendo cambi in base alla risoluzione, in modo da non risultare tagliata o peggio ancora duplicata.


codice:
 <script type="text/javascript"> 
<!-- 
if (screen.width == "800"){ // 800 
document.write('<link rel="stylesheet" href="css/style800.css" type="text/css">'); 
} 
if (screen.width == "1024"){ // 1024 
document.write('<link rel="stylesheet" type="text/css" href="../css/style1024.css">');
} 
// --> 
</script>
In questo modo funziona, vorrei continuare ad utilizzare questo modo per richiamare il foglio di stile

codice:
 <style type="text/css">
@import url(css/posizione.css);
</style>