droom: Height soll maximale höhe haben

Ich habe eine Seite mit einigen Divs.

<div id="eins">
  <div id="zwei">Texteeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
                 eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
  </div>
  <div id="drei">Texte </div>
</div>

Das Div mit id=eins hat height:100%. Nun soll das Div mit id=drei den rest haben was noch übrig ist, nachdem man die höhe von id=zwei herausgenommen hat: height= height_von_idzwei - 100%.
Wie kann ich das berechnen?

  1. hi,

    Das Div mit id=eins hat height:100%. Nun soll das Div mit id=drei den rest haben was noch übrig ist, nachdem man die höhe von id=zwei herausgenommen hat: height= height_von_idzwei - 100%.
    Wie kann ich das berechnen?

    Mit Javascript.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Mit Javascript.

      gruß,
      wahsaga

      Danke für den Hinweis. Ich kenne mich da auch nicht so aus mit JS. Weisst jd vielleicht welche Methode bzw Funktion ich da nutzen muss?

      1. Ich habe es so in dem Head-Bereich meines HTML Dokument:

        <script type="text/javascript">
                      var jheight =screen.height;
                      document.write("
                      <style type="text/css">
                              #main {height:"+jheight+"px}
                      </style>");
                 </script>

        Aber es wird einfach ausgegeben und nichts interpretiert. jheight bekommt kein Wert.

        1. Ich habe auch probiert, was auf dieser Seite steht:
          http://de.selfhtml.org/javascript/objekte/style.htm

          <script type="text/javascript">

          document.getElementById("main").style.height = "1000px";
           document.getElementById("main").style[height] = "1000px";
           document.all.main.style.height= "1000px";
           document.getElementsByTagName("main").style.height= "1000px";
           document.all.main.style.setAttribute("height", "1000px", false);
                   </script>

          Aber komischererweise gehts nicht und sogar auf der selfhtml-seite funktionnieren die Beispiele nicht.

          1. <script type="text/javascript">

            document.getElementById("main").style.height = "1000px";

            Hast du mal getestet ob das Element überhaupt existiert?

            Aber komischererweise gehts nicht und sogar auf der selfhtml-seite funktionnieren die Beispiele nicht.

            Dann ist bei dir JS abgeschaltet.

            Struppi.

            --
            Javascript ist toll (Perl auch!)
          2. Moin

            document.getElementsByTagName("main").style.height= "1000px";

            es gibt auch keinen Tag-Namen "main"

            Gruß
            rfb

            --
            Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
            (Galileo Galilei)