Disign der Auflösung anpassen?

    Hallo an alle!

    Ich habe eine Website erstellt, will diese allerdings bei niedriger Auflösung kleiner machen.
    Habe auch extra alles nochmal umgeschriben dafür, jedoch weiß ich nicht, wie ich das Disign etc. in eine If-Funktion hinein bekomme:

    HTML
    <script type="text/javascript">
   if (screen.width >= 1024) {
       alert("Größer");
   } else {
       alert("Kleiner");
   }
</script>

    War jetzt nur ein besispiel um zu gucken, obs funktioniert.. Sobald ich aber "<body>" oder sonstwas zum design hinein schreibe, funktioniert es nicht...
    Kann mir jemand einen Tipp geben? Ich hätte gerne nur diese eine HTML-Seite dafür (das heiß nicht noch eine weitere). Außerdem habe ich noch eine CSS Datei, falls das relevant sein sollte..

    LG
    Alpha11833

    Hallo,

    das Problem der fehlenden Antworten wird sein, das dein Lösungswunsch für geringe Auflösungen weder benutzerfreundlich noch zeitgemäß ist. Wenn die Elemente einer Seite bei geringerer Auflösung immer kleiner dargestellt werden sind sie für den Besucher auch immer schwerer zu lesen und das Navigieren wird unnötig erschwert. Da sich deshalb nur wenige Leute mit dem Lösungsansatz beschäftigen ist auch der Anteil derer, die dir antworten können, eher als gering einzuschätzen.

    Außerdem gibst du recht wenig Informationen zum aktuellen Stand deiner Seite.

    Von daher kann ich dir nur den Tip geben, dich mit dem aktuellen Stand der Technik zu beschäftigen, Stichwort: Responsive Webdesign. Lesematerial dazu:

    http://www.konversionskraft.de/trends/die-3-s…-webdesign.html

    und

    http://www.responsives-webdesign.de/

    Gruss

    MrMurphy