Grow your CSS skills. Land your dream job.

z-index contained in parent div

  • # February 17, 2010 at 2:02 pm

    Hello. I am a complete CSS newbie and I am coding my first site using only CSS and no tables.

    I am developing the following page http://www.marksberry.net/aie/security.html and I am having trouble finding anything on how to have the z-index div tag "push" down the content (black color in the body content area) as the z-index div tag’s content grows. From what I understand, I believe that when you z-index a div it takes it out of the normal flow of the page and I think that is why it is doing this. I figure I can set a minimum height for the body content div to contain the z-index div, but I would like to know if there is a better solution.

    I would have had the image on the page as a background image, but I plan on having rotating images for each section using jquery so I used a z-index div to appear on top of the image. Not sure if this is the best solution either

    Any help would be greatly appreciated. I am starting to understand this CSS stuff but I am stuck on this one.

    Thanks in advance! – ajm

    # February 18, 2010 at 6:43 am

    I am not quite sure what you mean here. It is the position: absolute which takes the div out of its normal flow, the z-index just tells the positioned item whether to be on top or behind.
    If you are trying to get #servText at the top of the #servContent you need to change the #servText top to 292px. But maybe I have misunderstood what you are trying to achieve.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".