CSS: Absolute Position Issue

Question

In fact I am much familiar with HTML and CSS but when it comes to setup multiple hierarchical div with relative and absolute position giving me damn trouble.

What I have is below

<div id="firstdiv">

   <div id="secdiv">

      <div id="thirddiv">

         <div id="forthdiv">

         </div>

      </div>

   </div>

</div>

Now I want to align most div on absolute position so I set position relative to #firstdiv now set position absolute to #secdiv and all is going well

Now I want to set my #forthdiv absolute to #thirddiv and so I set #thirddiv to position relative and #forthdiv to position absolute and hear I am getting trouble.

#forthdiv is not considering parent (#thriddiv) relation but it is considering #firstdiv relation and getting position according to #firstdiv.

Now how to set this all so absolute position div only consider its own parent and not root

post your CSS. It should work if you have thirddiv set to position=relative. — Oliver, Commented May 28, 2012 at 9:38

madeye · Accepted Answer · 2012-05-28 10:09:08Z

0

Try something like this

http://jsfiddle.net/Mcp6L/

edited May 28, 2012 at 10:09

answered May 28, 2012 at 9:40

madeye

1,4063 gold badges16 silver badges33 bronze badges

I already did this. Let me check other areas if affecting to it. I have spend whole morning to design this and when I am adding this to the site its taking now site parent div as a relative. Fufl.. let me check thanks and get back to you soon
– Code Lover
Commented May 28, 2012 at 10:32

Add a comment |

Collectives™ on Stack Overflow

CSS: Absolute Position Issue

1 Answer 1

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related