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