GrÖße berechnen
    


WWW.WEB-TOOLBOX.NET

ZURÜCK SITEMAP  

 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 Höhe berechnen ?

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



NACH OBEN