Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How do i properly position absolute divs within twitters bootstrap css framework

How do i properly position absolute divs within twitters bootstrap css framework

Problem

I can't seem to get a div to absolutely position within its parent using the twitter bootstrap framework. I have a series of rows that follow a scheme as follows

some content here
other content to the side of the first div
123456 this should align to the bottom right of wrapper

css

.timestamp{
   position:absolute;
   bottom:0px;
   right:0px;
}

But the timestamp div always positions itself to the absolute of the body of the whole dom document ignoring any intermediate divs. Any ideas what is causing this?

Problem courtesy of: Brian

Solution

Your css should include

 #wrapper {
    position: relative;
}

The default positioning is static.

check out this article: http://css-tricks.com/absolute-positioning-inside-relative-positioning/

Solution courtesy of: Nic Meiring

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How do i properly position absolute divs within twitters bootstrap css framework

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×