Markus Rost: Browserfenster Größe ermitteln

Hallo zusammen,

ich versuche gerade mittels Javascript die Größe des Browserfenster zu ermitteln.

Ich benutze diese Befehle:
breite = innerWidth;
hoehe = innerHeight;

Im Firefox funktioniert es auch wunderbar, aber der IE 7 kann irgendwie nichts damit anfangen.

Gibt es eine Möglichkeit wie ich bei allen gängigen Browsern die Höhe und Breite des Fenstern auslesen kann?

Gruß
Markus

Hintergrund:
Ich will eine DIV-Box erzeugen die ja nach Fenstergröße sich anpasst.

  1. Hallo zusammen,

    Guten Abend

    Ich benutze diese Befehle:
    breite = innerWidth;
    hoehe = innerHeight;

    Im Firefox funktioniert es auch wunderbar, aber der IE 7 kann irgendwie nichts damit anfangen.

    Der Internet Explorer gibt die innerWidth/Heigt per clientWidth/Height zurück. (je nach Doctype dann entweder über window.document.documentElement... oder über window.document.body...)

    Kurzum, so für alle:

      
    var width = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);  
    var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
    

    Gruß
    Markus

    Grüße
    Marcel

    1. Hallo Marcel,

      danke für die Codezeilen. Ich hab ehrlichgesagt von Javascript keine Ahnung. Denn ich mach meine Seite mit PHP dynamisch und dann will ich mich eigentlich nicht auch noch in Javascript reindenken.

      Mit den zwei Zeilen funzt es jetzt im Firefox, IE 7 und Opera.

      Gruß
      Markus

  2. Hello out there!

    Ich benutze diese Befehle:
    breite = innerWidth;
    hoehe = innerHeight;

    Im Firefox funktioniert es auch wunderbar, aber der IE 7 kann irgendwie nichts damit anfangen.

    Gibt es eine Möglichkeit wie ich bei allen gängigen Browsern die Höhe und Breite des Fenstern auslesen kann?

    Ob das wohl in http://de.selfhtml.org/@title=SELFHTML steht? Mal nachschauen. Click.

    Wohl im Kapitel http://de.selfhtml.org/javascript/@title=JavaScript. Click.

    Einführung? Wohl nicht. Sprachelemente? Wohl auch nicht. http://de.selfhtml.org/javascript/objekte/@title=Objektreferenz? Mal nachschauen. Click.

    Na, was ha’m wa denn da? „1 http://de.selfhtml.org/javascript/objekte/window.htm@title=window (Anzeigefenster)“ Click.

    Da stehen die bekannten Eigenschaften (nicht „Befehle“) http://de.selfhtml.org/javascript/objekte/window.htm#inner_height@title=innerHeight und http://de.selfhtml.org/javascript/objekte/window.htm#inner_width@title=innerWidth beschrieben. Click.

    Und dort steht auch was zum IE. Man muss nur nachlesen.

    See ya up the road,
    Gunnar

    PS: Als Browserweiche keine abenteuelichen Dinge abfragen, sondern das Vorhandensein der ebendieser Methoden:

    breite = window.innerWidth ? window.innerWidth : ...;

    --
    „Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
  3. Hi,

    ich versuche gerade mittels Javascript die Größe des Browserfenster zu ermitteln.

    Ich will eine DIV-Box erzeugen die ja nach Fenstergröße sich anpasst.

    Wozu brauchst Du da die Fenstergröße?
    CSS erlaubt prozentuale Größenangaben (ggf. beachten, worauf sich diese beziehen!)

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Hi,

      ich versuche gerade mittels Javascript die Größe des Browserfenster zu ermitteln.

      Ich will eine DIV-Box erzeugen die ja nach Fenstergröße sich anpasst.

      Wozu brauchst Du da die Fenstergröße?
      CSS erlaubt prozentuale Größenangaben (ggf. beachten, worauf sich diese beziehen!)

      cu,
      Andreas

      Hallo Andreas,

      wenn ich das mit den Prozentualen Angaben mache, dann gehts im Firefox nicht. Trotzdem dass ich beim body Element height 100% angebe.

      Deshalb der Umweg über Java

      Gruß
      Markus

      1. Hi,

        wenn ich das mit den Prozentualen Angaben mache, dann gehts im Firefox nicht. Trotzdem dass ich beim body Element height 100% angebe.

        Und warum hörst Du mitten in der Elemente-Hierarchie auf?

        Deshalb der Umweg über Java

        Ich dachte, Du versuchst es mit Javascript?
        Willst Du ein Java-Applet benutzen? Wieso das denn?

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        1. Hi,

          wenn ich das mit den Prozentualen Angaben mache, dann gehts im Firefox nicht. Trotzdem dass ich beim body Element height 100% angebe.

          Und warum hörst Du mitten in der Elemente-Hierarchie auf?

          Definiere mal bitte mitten.
          Ich hab
          html, body {
            height:100%;
          }
          in meiner css Datei sehen gehabt. Und dann als erste div Box meine box eingeblendet.

          Deshalb der Umweg über Java

          Ich dachte, Du versuchst es mit Javascript?
          Willst Du ein Java-Applet benutzen? Wieso das denn?

          cu,
          Andreas

          Ich meinte Javascript und nicht Java entschuldigung.

          Gruß
          Markus