Thursday, April 29, 2010

Create a web page - Puzzle #5

"Fixing an absolutely positioned div"
The problem... because the blue box is positioned absolutely it will always be 47 pixels from the left edge of the browser... (we want it to be positioned absolutely so that it will cover that spot on the page)

However, when the browser window is expanded in size, the blue box "moves" relative to the other elements on the web page.

The puzzle is to fix the blue box to the green box (the Left Column) so that when the browser window expands the blue box does not move, and it is 47 pixels from the left edge of the green box!

It can be done. Here's the link to puzzle #5

Enjoy!!

No comments:

Post a Comment