Website Resizer.. Komme Leider nicht weiter :(

[Adromir]

Da ich bald vieleicht einen eee-PC bekomme und ansonsten eine faule Socke bin, bin ich heute zu dem Schluss gekommen, daß ich keinen Bock auf horizontale Scrollbalken habe Deswegen hatte ich mir überlegt, daß es vieleicht mit Greasemonkey möglich sei, ein Javascript anzuwenden, daß Webseiten automatisch auf die Bildschirmgröße anpasst.
Naja, ich hab heute in weilchen mit Javascript rumexperimentiert, komme aber leider nicht weiter Der Anfang besteht in einem Script, daß zumindestens Bilder an die Bildschirmgröße anpasst. Das sieht schon mal so aus:

  function res() {
 var actual_width = window.innerWidth; 
 var normal_width = 1280; 
 var ratio_screen = actual_width / normal_width;
 document.write('Actual width: ' + actual_width + '<br>');  
 document.write('Normal Width: ' + normal_width + '<br>'); 
 document.write('Verh&auml;ltnis Gesamtbreite/ Viewport: ' + ratio_screen + '<br>');       

 for(var i = 0; i <= document.images.length; i++)  {
 var im = document.images[i];
 var old_width = im.width;
 var old_height = im.height;

 
 if(old_width >= actual_width) {
 var new_width = Math.floor(old_width * ratio_screen);  
 im.width = new_width; 

var ratio_im = new_width / old_width;
var new_height = Math.floor(old_height * ratio_im);    
im.height = new_height;  

document.write('Bildbreite ' + i +' alt: ' + old_width + '<br>'); 
document.write('Bildbreite ' + i +' neu: ' + new_width + '<br>');  
document.write('Verhältnis Alte/Neue Bildbreite ' + Math.floor(i) +': ' + ratio_im + '<br>');    
document.write('Bildh&ouml;he ' + i +' alt: ' + old_height + '<br>'); 
document.write('Bildh&ouml;he ' + i +' neu: ' + new_height + '<br>');   
 
 
                                 } 
 }
  }

Leider komme ich im Moment nicht weiter. In der Variable normal_width würde ich gerne die GHröße der Webseite ohne Resizing bei aktueller Auflösung speichern.
Bsp: Die Webseite ist 1000px breit bei einer Bildschirmauflösung von 800x600. Leider klappt das nicht richtig. Desweiteren würde es erst richtig interessant, wenn nicht nur auf Graphiken angewandt würde, sondern auf sämtliche Elemente der Webseite. leider finde ich keinen Selektor, der daß gewährleistet.. Naja nicht ohne entsprechenden Programmieraufwand und Quelltextverdoppelungen

Hat jemand ne Idee, wie das zu realisieren ist?

[designfanatiker]

Keine Ahnung. Erst mit Hilfe von Wikipedia habe ich herausgefunden um was es sich beim besagten Fettaffen handelt. Dort wird übrigens auch der Unterschied zwischen „das“ und „dass“ erläutert.

[designfanatiker]

Danke.

[Adromir]

Ups.. Naja, zu der Uhrzeit und dem vorangehenden Bierkonsum war ich orthographisch nicht mehr so ganz auf der Höhe
Hat den jemand einen themenbezogenen Beitrag?