✔ Anzeigebereich

[Parantatatam]

Hi! Ich bin grade dabei, dass ich versuche, dass der anzuzeigende Inhalt meiner Website direkt in der Mitte zentriert ist. Horizontal geht das ja leicht mit "align=center", aber vertikal nicht. Also wollte ich das Problem mit JavaScript lösen: habe es auch mit "screen.availHeight" (gibt 994px aus) und mit "window.innerHeight" (gibt 804px aus). Mein Mozilla Firefox zeigt mir bei dieser Größe auch 804px an, aber in keinem Fall ist es zentriert. Bei 804px sind es oben (mein Anzeigefeld ist 430px hoch) 203px und unten 121px, bei 579px aber kurioser Weise oben 91px und unten 8px. Wie kann das sein? Meine Berechnungsformel ist ganz einfach: (Anzeigehöhe - 430px) / 2. Es müsste also gehen, was es aber nicht macht. Kann mir vielleicht jemand helfen? Oder bzw. sagen, wie ich es besser berechnen kann? Danke!

 

[Sven Mintel]

Oder bzw. sagen, wie ich es besser berechnen kann? Danke!

Besser berechnen nicht, aber besser machen....mit CSS.
JS ist das falsche Mittel für Gestaltung.

 

[Maik]

Hi,

und hier der Link mit dem entsprechenden Beispiel, wie sich eine Box mit bekannten Größen im Anzeigebereich horizontal und vertikal zentrieren lässt: http://www.456bereastreet.com/lab/centered/both/

Das Thema wird dann mal in die CSS-Ecke verschoben.

 

[Maik]

Nachtrag. Diese Positionierungstechnik hat leider einen Nachteil: wenn der Viewport des Browserfensters kleiner skaliert wird als die Boxdimension, dann verschiebt sich die Box in den oberen und linken nicht-sichtbaren Bereich des Browserfensters und ist dort nicht mehr zugänglich.

Abhilfe schafft da diese Alternative: CSS vertical centering using float and clear

 

[Parantatatam]

Danke. Das hat mir geholfen!