Bildschirmauflösung - Fenstergröße

[Orlando]

Ich will nicht das ganze design anpassen, das ist auch mit 800x600 noch gut ersichtlich, jedoch will ich die grösse des logos ändern unabhängig von der jeweiligen Fenstergrösse.

Passt es dann auch immer recht ins Bild? Die Fenstergröße hat nicht unbedingt etwas mit der Auflösung zu tun.

Wenn jemand mit 1280x1024 dahergesurft kommt will ich dem auch schön das Logo präsentieren- nicht zu pompös da er ev nicht im Fullscreen surft aber doch nicht zu klein.

Der http://de.selfhtml.org/javascript/beispiele/fensterueberwachen.htm#quelltext@title=Verweis sollte dir folgenden Teil des Scripts näherbringen (etwas umgebaut):

  
  if (window.innerWidth) {                                  // kennt der Browser window.innerWidth?  
    alert(window.innerWidth);                               // falls ja, melde die Breite  
  } else if (document.body && document.body.offsetWidth) {  // kennt …  
    alert(document.body.offsetWidth);                       // … wie oben  
  } else {                                                  // tja, andernfalls  
    alert("Die Fensterbreite ist nicht zu ermitteln");      // Pech gehabt  
  }  

Für diesen Anwendungszweck würde ich übrigens kein gesondertes Stylesheet einsetzen, sondern die Quelle des Bildes tauschen (beispielsweise logo-klein.png durch logo-mittel.png ersetzen). In etwa so:

[ref:self811;javascript/objekte/document.htm#get_element_by_id@title=document.getElementById]("logo").src = "dateiname.xyz";

Dafür benötigt das Bild eine ID namens „logo“. Vermutlich sind das width- und das height-Attribut des Bildes dann http://de.selfhtml.org/javascript/objekte/all.htm#set_attribute@title=anzupassen, keine Ahnung.

Roland