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 utilizzare però questo modo di richiamare il foglio di stile

codice:
<style type="text/css">
@import url(css/posizione.css);
</style>
Devo postare nel forum di java o mi potete dare un aiuto voi?