I have a book page with two portlets on it, in a single column. Each portlet takes up 400 px, and the whole page is 800px in width. The user is allowed to maximize either portlet.
When I click the Maximize button on a portlet, the page is redrawn with only that portlet showing. The portlet's height expands to fill the entire page, but the portlet's width is still constrained to 400 px. I would like the portlet to be smart enough to manage its own width, just like it does with the height.
Can anyone please suggest how i can achieve this through CSS ?