Last week I posted the CSS Challenge . I got some great responses, but unfortunately they were a little problematic. I'll explain : The first solution by Ohad , was this page . The problem with this solution was the "bottom" div. It created the bottom margin for the red panel. But suppose the red panel is a container which contains a grid and a scrolling div. The grid needs to be contained inside the panel. But because the size of the red panel contains the size of the margin, the bottom...
This is a challenge for all you web designers and CSS experts/ hackers. Check out this design : Each panel has a margin between the parent of 10 pixels in each side. The red panels are also spaced by 10 pixels with each other. And now for the challenge : You need to create this design using CSS classes only . Each panel can be a div or asp.net panel control. The panel should adjust automatically when the window resizes - the white panel should always cover the browser content. You can not use CSS...