Verschiedene Layouts je nach...

[Webblob]

Hi Ingo,

2. wenn kein JS verfügbar -> Layout 760px (logischerweise ohne JS-Anpassungen).
   das ist ja simpel. Ein div mit width:760px.

jo, schon klar...

1. wenn Fenstergröße bekannt (JS aktiviert) -> entweder Layout 760px oder 980px mit JS-Anpassung.
   da das screen-Objekt nicht zuverlässig ist, würde ich einmal folgendes probieren:

• die Breite des divs auf 100% oder "" setzen
• offsetHeight des divs ermitteln und die Breite entsprechend neu setzen.

Dafür wollte ich window.innerWidth, bzw. window.innerHeight (bei nicht IE) benutzen. Beim IE ist das leider etwas umständlicher, da er nur das von dir erwähnte offsetWidth/ offsetHeight kennt, was aber voraussetzt, dass das jeweilige Objekt schon existiert, was wiederum eine Verwendung im Head unmöglich macht.

Dafür kann man beim IE aber das komplette Stylesheet sehr einfach ersetzen mit document.styleSheets[x].href="xyz_datei.css"

Ich will ja keine fluiden Layouts, sondern welche mit fixer Breite (nämlich entweder 760px oder 980px). Mir geht es um die "beste" Form der Einbindung (externe CSS-, JS-Dateien, oder von mir aus auch SSI oder PHP). Ich möchte möglichst alle Varianten in einer Datei unterbringen.

Gruß Gunther