molily: DIV anzeigen bei großer Auflösung.

Beitrag lesen

Wie bekomme ich es mit javascript gebacken, dass ein DIV am rechten Bildrand erst dann angezeigt wird, wenn die Auflösung weiter als 1024 ist?

Indem du die Viewport-Breite abfragst:

function getViewportSize () {  
 var box = new Object();  
 box.x = 0;  
 box.y = 0;  
 if (self.innerHeight) {  
  box.x = self.innerWidth;  
  box.y = self.innerHeight;  
 } else if (document.documentElement && document.documentElement.clientHeight) {  
  box.x = document.documentElement.clientWidth;  
  box.y = document.documentElement.clientHeight;  
 } else if (document.body) {  
  box.x = document.body.clientWidth;  
  box.y = document.body.clientHeight;  
 }  
 return box;  
}

Der innerWidth/innerHeight-Teil ist für alle Browser außer IE, danach kommt IE je nach Rendermodus wird die clientWidth/-Height von document.body oder document.documentElement (= das html-Element) abgefragt.

Die Funktion gibt ein Objekt zurück mit den Eigenschaften x (Viewport-Breite) und y (Viewport-Höhe).

Siehe auch http://www.quirksmode.org/dom/w3c_cssom.html.

Mathias