|
|||
CSS Angaben mit Javascriptwerten erweitern
hallo Leute,
und zwar wie kann ich diese Informationen des Javascripts Code:
<script type="text/javascript"> function Check(){ alert("Die aktuelle Fenstergröße\n Breite: " + document.body.offsetWidth+" Höhe: "+document.body.offsetHeight + " Pixel")} </script> <input type="button" value="Fenstergröße ermitteln" onClick="Check()"> Ich habe eine Seite mit einer Mindestauflösung von 1024*768 und einen Contentbereich von 450*360 !! Der Contentbereich muß vom oberen und linken rand immer die selbe position haben. kann wie folgt beschrieben aber auch dynamisch sein. wenn jetzt allerdings die Auflösung des Monitors erhöht wird und die Fenstergröße auf das maximale angepasst wird sollte sich der contentbereich auch dementsprechend vergrößern? hat dafür jemand eine idee?oder etwas ähnliches schon einmal gemacht? bin dankbar für jede brauchbare antwort grüßle kriz |
Sponsored Links |
|
|||
Re: CSS Angaben mit Javascriptwerten erweitern
Zitat:
Benutze relative Größen und Breiten, keine statische Positionierung und kein Javascript (was der Benutzer deaktivieren kann) um die Fenstergröße zu ermitteln. Das ist eh irrelevant und geht alles mit CSS und einem sinnvollen Markup automatisch zu gestalten. Zitat:
|
Sponsored Links |
|
|||
Prozentangaben sind ja immer relativ. Wenn Du Boxen in bestimmten Breiten passend zur benutzerseitig skalierten Schrift haben möchtest, nimm die Einheit em.
Was damit nicht ohne weiteres geht sind pixelgenaue Designs mit "aneinandergeklebten" Hintergrundbildern analog zu klassischen Tabellenlayouts. Daher ist es sinnvoller die Hintergründe in einem Element auszurichten (z.B. immer top left) und in den (je nach Fenstergröße) "offenen" Raum zu kacheln oder in die Hintergrundfarbe auslaufen zu lassen. |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE 6 erkennt seine CSS Datei nicht | Perelina | (X)HTML | 4 | 07.08.2009 18:56 |
Vertikale CSS Navigation mit Bildern und Text | macmensa | CSS | 2 | 25.07.2009 16:23 |
Brauche Hilfe bei preg_match | CSS im Newssystem | Zen5656 | Serveradministration und serverseitige Scripte | 21 | 19.01.2007 15:33 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 08:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 11:39 |