Window- / Framegröße richtig berechnen
Bei fixen Breitenangaben für Seitenelelemente haben mehrere Faktoren einen Einfluss auf die in Wirklichkeit benötigte Breite. Mehrere, manchmal vernachlässigte Werte addieren sich zum Gesamtmaß.
Sie möchten z.B. eine Grafik entwerfen, die genau in den Seiteninhalt passt?
Da wird es notwendig sich über Darstellungbreiten innerhalb des Windows / Frames Gedanken zu machen.
Der zu Verfügung stehenden Platz im aktuellen Fenster ist abhängig von
- der Bildschirmauflösing
- der Windowgröße
- der Framegröße
- der Darstellung der Menü- und Symbolleisten
- dem Browser
- eingeschalteten Scrollbars
- Frame / Frameset: Ränder, Margins, Framespacing
- HTML-Dokument: Ränder und Margins
- evtl. auch von Rändern und Cellspacing in Tabellen
|
|
|
Die Breite berechnen (Beispiel)
|
|

OK, die Inhalte sollen maßgeschneidert sein ...
Entscheiden Sie sich für eine maximale Darstellungsbreite Ihrer Seite. Als Beispiel nehme ich hier die Auflösung 800 x 600 Pixel. Das bedeutet Ihnen stehen 800 Bildpunkte für die Breite zur Verfügung ... ist die irrige Annahme !!
800 Pixel
Subtrahieren Sie zunächst einen möglichen Scrollbar (Bildlaufleiste)
Da bleiben ihnen noch: 800 - 20 = 780 Pixel.
780 Pixel
Sie berücksichtigen, dass der NS4.x für das Browserfenster einen 2 Pixel breiten Rand anzeigt.
Da bleiben ihnen noch: 780 - 4 = 776 (Browserabhängig)
776 Pixel
Sie stellen den Rand für Ihre Grafik auf ' 1 ' (border="1") .
Da bleiben ihnen noch: 776 - 2 = 774
774 Pixel
Sie unterlassen es im BODY-Tag Ränder und Margins auf ' 0 ' einzustellen.
Da bleiben ihnen noch: (774 - ? = 774 -? (Browserabhängig)
(774 - ?) Pixel
Sie stellen Ihre Grafik innerhalb einer Tabelle dar und stellen den Rand der Tabelle nicht auf ' 0 ' ein (border="0").
Da bleiben ihnen noch: (774 - ?? = 774 -?? (Browserabhängig)
(774 - ??) Pixel
Ihre Grafik steht innerhalb einer Tabelle aber Werte für cellpadding und cellspacing werden nicht eingetragen. (Default-Wert wird eingestellt)
Da bleiben ihnen noch: (774 - ??? = 774 -??? (Browserabhängig)
(774 - ???) Pixel
Sie haben es unterlassen im Body-Tag des HTML-Dokuments Einstellungen für Margins festzulegen. (Default-Wert wird eingestellt)
Da bleiben ihnen noch: (774 - ???? = 774 -???? (Browserabhängig)
(774 - ????) Pixel
Es bleibt bei: 774 - ???? Pixel
4 Zufallsgrößen können Ihr Layout ganz schön durcheinander schütteln!
Überlassen Sie nichts dem Zufall. Margins und Ränder immer festlegen, Attribute zu den HTML-Tags immer eintragen.
|
|
Querverweis Ränder und Margins (Menü FRAMES)

Die Fensterhöhe kann auch für eine bestimmte Bildschrimauflösung nicht vorab errechnet werden. Das geht erst bei der Anzeige vor Ort durch ein Script.
Browser: Menü- und Symbolleiste
Der im Browserfenster oder Frameberich zur Verfügung stehende Platz ist nicht nur von den Bildschirmeinstellungen (800x600, 1024x768) oder von der Framegröße abhängig !
Die vom Benutzer gewählte Darstellung der Browser-Bedienleisten schänken die Fensterhöhe (unterschiedlich) ein.
|
|
Hier die aktuellen Werte für dieses Window / Ihre Bildschirmeinstellungen:
Die Werte 1) bis 4) zeigen den zu Verfügung stehenden Platz im aktuellen Fenster.
Die Werte können variieren abhängig von
- der Bildschirmauflösing
- der Windowgröße
- der Framegröße
- der Darstellung der Menü- und Symbolleisten
- dem Browser
|
|
Wenn Sie also von Fall zu fall horizontale oder vertikale Bildlaufleisten (Scrollbars) vermeiden möchten, müssen Sie sich etwas einfallen lassen!
warum sehe ich scrollbars ?
Erstellt: 23.02.2004
|