Hallo Marco und auch guten Tag (Abend)!

wie kann man html- Dateien dynamisch an die Auflösung des Monitors anpassen?

Ich habe auf Atomic Eggs folgende Lösung, allerdings brauchst Du dafür drei verschiedene CSS-Dateien. Ansonsten nur eine HTML-Version für jede Seite, vorausgesetzt, das Script wird am Anfang jeder Seite eingefügt. In dem Beispiel gibt es sogar 6 CSS-Dateien, die je nach Browser UND nach Auflösung aufgerufen werden. Hier musst Du schauen, ob es bei Deiner Seite notwendig ist, extra für IE und Netscape eine eigene CSS zu schreiben: In meinem Fall war es notwendig, aus dem Grund dass Netscape die font-size:12px anders darstellt als der IE (siehe: http://www.atomic-eggs.com/temp/compare.html).

<script language="JavaScript" type="text/javascript">
<!--

var klein  = (document.layers) ? ('atomns15.css') : ('atomie15.css');
var mittel = (document.layers) ? ('atomicns.css') : ('atomicie.css');
var gross  = (document.layers) ? ('atomns21.css') : ('atomie21.css');
var css_file = (screen.width < 1024) ? (klein) : ((screen.width == 1024) ? (mittel) : (gross));
document.write('<link rel="stylesheet" href="'+css_file+'" type="text/css">');

//-->
</script>

Entprechend anpassen, und schon dürfte die Sache funzen!

Hinweis: manche Browser wie Opera, kommen damit nicht klar, dass die CSS mittels "document.write" aufgerufen wird.

Bis danndann
PAF (patrickausfrankfurt), SELFSPEZIAL