Jörg Hippo Thomsen: dynmisches verändern von einem CSS Link bei Verändern der Auflösung?!?

Netscape 4 (und auch MSIE4-5) ermöglichen es uns die größe des Bildschirms bzw. die
Größe des Browserfensters auszulesen... Jetzt wäre es doch interessant, dieses feature mit dem Verweis aus .CSS Dateien zu verknüpfen, so daß bei Anpassen der Bildschirm-/Browsergröße alle Schriften auf der Seite mitskalieren.

Irgendeinen vorschlag für ein geeignets Skript?

Hippo

  1. 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>