CSS abhängig von Viewport laden

Bischi

Grünschnabel
Hallo alle zusammen,

ich bin gerade dabei meiner Webseite ein neues Gewand zu verpassen und verwende dabei das Javascript "Dynamic Resolution Dependent Layout" von Kevin Hale

http://particletree.com/features/dynamic-resolution-dependent-layouts/

Um das CSS nicht nur abhängig von der verfügbaren Breite, sondern auch von der zur Verfügung stehenden Höhe zu ändern, habe ich das Javascript ein wenig erweitert.

Das funktioniert auch, solange ich entweder den Event, welcher die Höhe, oder den für die Breite ausführe. Sobald beide events aktiv sind, funktioniert nur derjenige, der die Höhe checkt.

Aktueller Stand: http://www.spiegelschlag.de/beta

Link zum script: http://www.spiegelschlag.de/beta/content/inc/scripts/dynamiclayout.js

Ich hab auch schon versucht die Abfragen in einem event zu Verknüpfen.. Leider gleiches Ergebnis (oder es ist einfach zu spät :( )

Wäre für jeden Ratschlag dankbar :)

Mit freundlichen Grüßen aus Hamburg
Stefan

Nachtrag: Bin jetzt nicht ganz sicher, ob ich richtig liege, aber die aktuelle Version berücksichtigt ja nur das verkleinern das Browserfensters richtig (wenns funktionieren würde) ^^. Zum vergrössern müsste wohl doch eine Kombination her, damit das Layout nicht vergrössert wird, wenn sich die Breite des Fensters vergrössert, aber in der Höhe trotzdem nicht genug Platz ist *hrmpf*.

Ich geh erstmal schlafen :)
 
Zuletzt bearbeitet:
Okay... habe gerade gemerkt, dass in der aktuellen Konfiguration Mozilla nur auf die vertikalen Grössenänderungen reagiert und der IE auf die horizontalen. :rolleyes:

:suspekt: also irgendwie...
 

Neue Beiträge

Zurück