Die CSS3 Lightbox von gestern war ja schon ganz nett .. allerdings gabs auf dem iPhone noch ein paar Probleme .. also je nacht Sichtweise .. 🙂
Die Lightbox war auf eine max. Breite von ca. 45% eingestellt. Für den kleinen Screen eines iPhones natürlich nicht wirklich geeignet (zwar lesbar .. aber nicht schön). Daneben gab es ein kleines Darstellungsproblem wenn der Inhalt der Lightbox sehr umfangreich war .. durch position:fixed hatte man nicht die Möglichkeit zu scrollen.
Beides habe ich nun gelöst ..
Die Breite der Lightbox ist nun von der Breite des Viewports abhängig. d.h. ein iPhone4 bekommt die Lightbox in ca. 80% Breite, ein großer Monitor mit 45% Breite angezeigt.
Ebenso kann man nun den kompletten Inhalt einer überlangen Lightbox erscrollen.
Verändert beim testen einfach die Fenstergröße des Browsers .. damit man es besser sieht stehr oben immer die gerade aktive Auflösung drin .. und die Farbe der Lightbox variiert.