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.
This reply has been reported for inappropriate content.
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.