[Solved] CSS relative, absolute positionings [closed]

by


You simply need to realize that a ‘relative’ sets the base of two property sets, 1: zIndex and 2: positions. Make ‘front’ a high zindex and position it relatively.

Wrapping the elements with the relative block-div, makes the width of children calculate via the width of said block-div – and also positions them with the parentOffset of left/top of the wrapper.

<div style="position:relative; display: inline; display:block; overflow: hidden; clear: both;">
  <div class=front style="position:absolute;left:XXX %; width: 15%; z-index: 100;"></div>
  <div class=other style="width: 100%; z-index: 10">
    <span />         <!-- ,,,, -->
    <ol><li /></ol>
  </div>
</div>

0

solved CSS relative, absolute positionings [closed]