Thursday, February 26, 2009

Absolute positioning in a CSS container

Now this was a real pain to figure out as there wasn't much documentation on it. In order to successfully utilize absolute positioning inside a CSS container where the position will be relative to the container and not the window you will need to define the following:

#container {
position: relative
}

This will ensure that any object placed within this container will be positioned relative to it.


<div id="container">
...
...
...
</div>

No comments: