Hoehe von div Element

[Suche Rat]

Hallo zusammen.

Ich habe einen div Container, der 180px unter dem oberen Fensterrand sitzt. Nun moechte ich dass er die restliche Hoehe des Browserfensters einnimmt. Wie mache ich das??

Danke.

[jörg]

Hallo zusammen.

Ich habe einen div Container, der 180px unter dem oberen Fensterrand sitzt. Nun moechte ich dass er die restliche Hoehe des Browserfensters einnimmt. Wie mache ich das??

Danke.

JavaScript:

  
if(self.innerHeight) {// x = self.innerWidth;  
 y = self.innerHeight;  
} else if(document.documentElement && document.documentElement.clientHeight) {// x = document.documentElement.clientWidth;  
 y = document.documentElement.clientHeight;  
} else if(document.body) {// x = document.body.clientWidth;  
 y = document.body.clientHeight;  
}  
/* x ist die Breite, ich hab sie hier einfach mal auskommentiert, da sie ja hier nicht benötigt wird */  

Das wäre der Code um die Höhe des Fensters abzufragen.
Jetzt müsstest du die Höhe für das div ausrechnen und zuweisen.

HTML:

  
<div id="div_box" style="position:absolute;left:0;top:180;"></div>  

JavaScript:

  
document.getElementById('div_box').height = (y - 180);  

Solltest du noch Fragen zu meinem Code haben oder es so nicht funktionieren: einfach wieder melden.

[D.R.]

Hallo,

HTML:

<div id="div_box" style="position:absolute;left:0;top:180;"></div>

  
Was bedeutet top:180 ? 180 Äpfel?  
  
Wenn du das <div> sowieso absolut positionierst, kannst du auch eine top/bottom-Kombi verwenden:  
  
~~~html
  
<div id="div_box" style="position:absolute;left:0;top:180px;bottom:0"></div>  

JavaScript:

document.getElementById('div_box').height = (y - 180);

  
Seit wann haben <div>s eine height-Eigenschaft?  
  
mfg. Daniel

-- 
[Experten raten von der Verwendung des Internet Explorers ab!](http://web.oesterchat.com/internet-explorer/)  
[Mein SELF-stylesheet](http://danielrichter.da.funpic.de/SELFForumsCSS.html) | [Darum Firefox!](http://www.firefox-love.de/)  
[Selfcode](http://forum.de.selfhtml.org/cgi-bin/selfcode.pl): [ie:{ fl:( br:> va:) ls:& fo:) rl:( n4:# ss:| de:> js:) mo:} zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%26+fo%3A%29+rl%3A%28+n4%3A%23+ss%3A%7C+de%3A%3E+js%3A%29+mo%3A%7D+zu%3A%7D)

[jörg]

HTML:

  
<div id="div_box" style="position:absolute;left:0px;top:180px;"></div>  

JavaScript:

  
document.getElementById('div_box').style.height = (y - 180);  

[D.R.]

Hallo,

HTML:

<div id="div_box" style="position:absolute;left:0px;top:180px;"></div>

  
OK, hier hast du die Einheit hinzugefügt.  
  

> JavaScript:  
> ~~~javascript
  

> document.getElementById('div_box').style.height = (y - 180);  
> 

Hier dagegen nicht. Warum?

mfg. Daniel

[jörg]

Hier dagegen nicht. Warum?

Wie willst du das den schreiben?
Also ich mach das in JavaScript eigentlich nie, die meisten Browser nehmen standardmässig dann px an.

  
document.getElementById('div_box').style.height = (y - 180)px;  

[wucher wichtel]

Hallo!

Wie willst du das den schreiben?

so: (y - 180) + "px";

Also ich mach das in JavaScript eigentlich nie, die meisten Browser nehmen standardmässig dann px an.

Das ist aber falsch. Du musst eine Maßeinheit hinschreiben.

ciao, ww

[D.R.]

Hallo,

Hier dagegen nicht. Warum?

Wie willst du das den schreiben?

So:

document.getElementById('div_box').style.height = (y - 180) + "px";

Also ich mach das in JavaScript eigentlich nie, die meisten Browser nehmen standardmässig dann px an.

In welchem Modus wird deine Seite verarbeitet? Quirk?

mfg. Daniel