Es ist ein Problem hat, dass die Web-geplagt schon seit grafischen Designs für Web-Seiten damit begonnen, sich gemeinsam - und doch ist es ein Problem, das nie gelöst. Sie sehen, unterschiedlich großen Monitoren können unterschiedliche Breiten Seite, und doch HTML nicht wirklich teilen Sie Weite nehmen Sie in Betracht ziehen, wenn Sie entwerfen.

Es gibt zwei allgemeine Breite und Höhe Stil Eigenschaften, kann verwendet werden, um Größe einer beliebigen Seite Element. Die Breite-Eigenschaft gibt die Breite eines Elements in Pixel oder als Prozentsatz der Breite der Seite. Die Höhe Eigenschaft setzt seine Höhe in Pixel oder als Prozentsatz der Seite Höhe. Warum ist dies ein solches Problem? Nun, lassen Sie mich das erklären.

Was ist Auflösung?

Bevor wir auf das Problem, Sie müssen wissen, was eine Bildschirmauflösung ist. Um es einfach, Ihre Auflösung ist die Anzahl der Pixel angezeigt werden können in Ihrem Monitor, horizontal und vertikal. Zum Beispiel, in 640x480 Auflösung (die niedrigste noch jemand verwendet), auf dem Bildschirm ist 640 Pixel breit und 480 Pixel hoch.

Die meisten Monitore können mehr als eine Entschließung, und geben Ihnen eine Wahl zwischen ihnen. Typischerweise wird es eine niedrigere Auflösung passt, dass weniger Pixel auf dem Bildschirm, sondern macht sie größer aussehen, und eine höhere ein, dass passt mehr, sondern macht alles klein aussehen. Der Standardwert ist normalerweise irgendwo in der Mitte.

Zur Überprüfung der Entschließung Sie jetzt an, der rechten Maustaste auf Ihrem Desktop und wählen Sie "Eigenschaften". Gehen Sie nun in das Register "Einstellungen" und sehen Sie sich die Bildschirmauflösung. Auf den meisten Computern wird es bis zu vier Einstellungen zur Auswahl: 640x480, 800x600, 1024x768 und 1280x1024. Es lohnt sich verändernden Ihrer Entschließung ein paar Mal und werde einige Web-Seiten, um sich ein Bild davon, wie viel Breite jede Einstellung gibt.

Nun, Sie müssen erkennen, dass die maximale Breite von Ihrer Website, in Pixel, wird der niedrigste Breite erwarten Sie Ihre Website-Besucher zu verwenden. In fast allen Fällen ist dies 800x600: 640x480 der Benutzer sind nun eine kleine Minderheit genug meist zu ignorieren, wie sie verwendet werden, um Anzeigen von Websites falsch. Auf 800x600 und höher, aber Sie sollten auf Ihre Website stellen Sie sicher, dass es gut aussieht.

The Price of Failure.

Wenn Sie noch nicht testen Ihre Website richtig verstanden habe, dann werden verschiedene Dinge schief gehen. Bei Auflösungen niedriger als die von Ihnen gestaltete die Website für die Besucher sehen unter Umständen horizontalen Scrollbalken. Wenn Sie beheben die Website Breite zu gering, auch wenn die Besucher mit höheren Auflösungen vielleicht nur eine dünne Streifen von Ihrer Website in der Mitte ihres Bildschirms.

Mögliche Lösungen.

Die beliebteste Lösung für das Problem Resolution ist es, nur Design, als ob jeder war mit 800x600 - nach allem, Menschen mit großen Monitore können nur die Browser-Fenster kleiner. Um eine feste Breite Design, einfach die CSS-Breite von Ihrem Körper Tag nach der gewünschten Breite in Pixeln (so für 800x600, Breite: 800px). Wenn Sie bei dieser Vorgehensweise, werden Sie wahrscheinlich einrichten wollen, die CSS-Margen zu auto, da dies wird Ihr fester Breite Seite im Zentrum von größeren Bildschirmen, - wenn Sie verlassen die Margen allein, dann Ihrer Seite erscheint auf dem ganz links der Web-Browser bei hohen Auflösungen, die häufig zu sehen, sondern nach wie vor schlecht aussieht.

Natürlich, desto komplizierter, aber besseren Weg, Dinge zu tun ist, um sicherzustellen, dass Ihr Design funktioniert genauso gut, egal wie weit der Browser ist, weil er sich zu montieren. Diese Art von Mustern und Modellen sind bekannt als "elastisch". Dies kann schwierig sein, aber es ist machbar, vor allem für relativ einfachen Designs. Wenn Ihr Design hat drei Säulen, zum Beispiel, können Sie den linken und rechten Spalten fester Breite, sondern lassen Sie die mittlere Spalte, um alle verbleibenden Breite.

Die größte Sorge mit elastischen Designs tendiert zu der Grafik: Wenn Sie einen festen Breite-Header, wie können Sie einstellen Ihrer Website für eventuelle Breite? In den meisten Fällen ist die Lösung, um Ihren Kopf ein Bild, schwebt über dem Hintergrund anhaltend. Zum Beispiel, dann würden Sie ein Bild von Navigations-Text über einen schwimmenden Serie - Sie können dann weiterhin, dass die Zeile wie das Hintergrundbild, um zu verhindern, es plötzlich zu stoppen, wenn der Betrachter die Auflösung ist breiter als Ihr Navigationssystem Bilder. CSS bietet Ihnen viel Kraft zu schaffen Illusionen wie folgt aus: gut nutzen.

Über den Autor:



Original Source: Articles-Galore.com Ursprüngliche Quelle: Artikel-Galore.com



Information supplied and written by Lee Asher of Eclipse Domain Services Die gelieferten Informationen und geschrieben von Lee Asher von Eclipse Domain-Services

Domain Names, Hosting, Traffic und E-Mail-Lösungen.