Flexible calendar layout

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
nigma
DevNet Resident
Posts: 1094
Joined: Sat Jan 25, 2003 1:49 am

Flexible calendar layout

Post by nigma »

Would someone be willing to take a look at this link and help me understand how the calendar resizes itself as the window is resized? Is this a feature of CSS or a nice touch of javascript? Thanks

https://pittsburghkids.org/calendar
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Flexible calendar layout

Post by social_experiment »

It's css; the width property is set to 100% making the layout 'liquid' or flexible
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
User avatar
nigma
DevNet Resident
Posts: 1094
Joined: Sat Jan 25, 2003 1:49 am

Re: Flexible calendar layout

Post by nigma »

Thank you. Did you notice how the calendar layout changes completely when the screen size shrinks beneath a certain minimum width value? Is that also due to CSS alone?
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Flexible calendar layout

Post by social_experiment »

It's possible; the page (when at a certain width) switches to a mobile stylesheet to accomodate mobiles browsers or browsers that have a specific screen width.
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
Post Reply