Joachim: dynmisches verändern von einem CSS Link bei Verändern der Auflösung?!?

Beitrag lesen

hallo,

hab sowas mal probiert und unter Mithilfe von verschiedenen Leuten auch hingekriegt. Wenn Fensterbreite < 600/> 600 ist, wird jeweils ein anderes Stylesheet geladen.
Du brauchst Dir nur zwei Sheets stil1.css und stil2.css zu schreiben...

Viel Erfolg  Joachim

<HTML><HEAD>
<TITLE>Untitled</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

function MSIE()
{
   breit=document.body.clientWidth;
   if (breit<=600) document.createStyleSheet("stil1.css");
   else document.createStyleSheet("stil2.css");
}

if (document.layers)
{
   breit = self.innerWidth;
   if (breit<=600) document.writeln('<link rel=stylesheet href="stil1.css" type="text/css">');
   else document.writeln('<link rel=stylesheet href="stil2.css" type="text/css">');
}

window.onresize=neu;

function neu()
{
if(document.layers)
  {
  self.location.reload();
  }
else if (document.all)
  {
  MSIE();
  }
}

//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF" onload="if (document.all) MSIE()">

<DIV CLASS="Stil1">Test, Test, Test, Test, Test, Test, Test, Test, Test, Test, Test, Test, Test, Test, Test, </DIV>
<DIV CLASS="Stil2">TEST, TEST, TEST, TEST, TEST, TEST, TEST, TEST, TEST, TEST, TEST, TEST, </DIV>

</BODY>
</HTML>