2 Replies Latest reply on Feb 28, 2010 3:27 AM by hans-g.

    Image Positioning

    AlanShaw Level 1

      I’m trying to position two images within the same div so that the images slightly overlap.

      I’ve been trying for a while now by using a combination of absolute and relative positioning but I can’t crack it.

      The page body is:

      <body>

      <div id="outerWrapper">
        <div id="contentWrapper">
          <div id="leftCol"></div>
          <div id="rightCol"></div>
          <div id="content">
          <div>Site title goes here.</div>
          <div>Large logo  goes here.</div>
          <div>2 images go here, one slightly overlaping the other</div>
          <div>Main content goes here.</div>
          <div>Sub content goes here.</div>
          2nd Sub content goes here.</div>
        </div>
      </div>

      </body>