CSS: is there any way to have the same relative positioning even if the previous element have different heights ?

Question

hi,

I have a sequence of couples of elements. (.div1, .div2) I'm using position:relative attribute on .div2 to move it a bit on top and right with respect to div1.

However .div1 elements have different content and heights, so the relative positioning of .div2 is not consistent (they sometimes are too high, sometimes too low).

.div2 {
    position:relative;
    left:200px;
    top:-300;   
}

thanks

Updated: The HTML code is very simple

<div class="div1"> blabla </div>
<div class="div2"> blabla </div>

Answer 1

This question will be very difficult to answer without some example markup.

Would you be able to solve the problem by specifying a bottom and a right, instead? Are those numbers more stable?

Answer 2

If ".div2" is inside ".div1", you could use position:relative on .div1, and the position:absolute on .div2, to force it to get it's position relative to .div1.

A bit counterintuitive, but it works.