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 expressions or JavaScript.
- No scroll bars are shown.
- The margins between the panels will always be 10 pixels.
I tried to implement this design, but didn't succeeded to to so by using CSS only.
Take your shoot!