The All-Expandable Box

I wrote a guest tutorial over on Web Designer Wall detailing how to create an All-Expandable Box. This is a box that will expand both vertically and horizontally when text is resized in a browser, while maintaining the graphically unique corners of the box.

Theoretically Related Articles:
- Expandable CSS “Note” Box
- Resizeable Images (At Full Resolution!)
- Script & Style Exclusive: Automatically Generate a Photo Gallery from a Directory of Images
- HangTab: Create a Sticky Tag from the Edge of the Browser Window (Even with Centered Content)
- Simple Tabbed Menu Using Sliding Doors (Downloadable)















1
I used a technique similar to this (albeit, without the background image) on a recent project [http://lazlow.net/] as I dislike visiting sites, re-sizing the content and watching the text break-out of every container. Nice guest tutorial Chris!
Comment by Lazlow — December 9, 2007 @ 7:54 am
2
This is awesome, I added a font re-size script to my site and I was looking for a tutorial such as yours Chris to make the content more organized when a user re-sizes.
Comment by enfopedia — March 15, 2008 @ 12:15 pm