div mit dynamischer höhe?!

handymanjack · 21 März 2007

Hi!

Ich möchte 2 divs mit der gleichen höhe haben. Die Höhe des Navigationsbereiches soll sich dynamisch an die Größe des Main-Parts anpassen. Ich wollte das mit document.getElementById("id").height = usw. machen... aber es funzt nicht.

Hier meine Codes:

Code:

        <script type="text/javascript">
        function test(){
             var x = document.getElementById('menue').height;
             if(x>=600){
            document.getElementById('menue').height = x;
             }else {
            document.getElementById('menue').height = 600;
           }
        }
        </script>

das wollte ich so einbinden:

Code:

<body onload="test()">

Danke für jeglich Hilfe

mfg
handymanjack:-|

prostel · 21 März 2007

Deine If Abfragen war teilweise sinnlos.
Wozu Abfragen ob es größer als 600 ist, wenn du den Wert
dann eh wieder überschreibst? :)
Versuch mal folgendes(dafür sollte die Höhe von menue aber im
CSS geregelt sein oder in einem style-tag):

Code:

        <script type="text/javascript">
        function test(){
           var x = document.getElementById('menue').style.height;
           if(x<600){
             document.getElementById('menue').style.height = x + "px";
           }
        }
        </script>

handymanjack · 21 März 2007

fast...

Danke - funzt schon fast - das problem ist nur, dass die größe des containers per style ja nicht angegeben ist..... Deswegen bekommt er nicht die richtige Größe von main(id)... mein script sieht jezz so aus:

Code:

        function test(){
           var x = document.getElementById('main').style.height;
           if(x>600){
             document.getElementById('links').style.height = x + "px";
           }else {
               document.getElementById('links').style.height = 600 + "px";
           }
        }
        </script>

Frank · 21 März 2007

Um die höhe zu bekommen, versuche mal dass hier:

Code:

document.getElementById('main').offsetHeight

Code:

function test()
{
  var x = document.getElementById('main').offsetHeight
  if(x>600)
  {
     document.getElementById('links').style.height = x + "px";
   }
   else 
  {
    document.getElementById('links').style.height = 600 + "px";
  }
}

http://aktuell.de.selfhtml.org/archiv/doku/8.1.1/javascript/objekte/all.htm#offset_left

prostel · 21 März 2007

Achso, dann würde ich aber nicht nur die scrollHeight nehmen,
sondern auch die offsetHeight, diese ist für den Internet Explorer

div mit dynamischer höhe?!

handymanjack

Neues Mitglied

prostel

Neues Mitglied

handymanjack

Neues Mitglied

Frank

Neues Mitglied

prostel

Neues Mitglied

Neueste Beiträge