Hi! How do I do a layout like this with CSS? I do not want the layers to overlap if my content overflows. The lower layers have to move down the page to make way. How do I do that? I am very new to CSS. Thanks!
http://agentx.deep-ice.com/layout.gif

try this, replace the # signs with pixel measurements from the top or left of your screen. you can put this in the head tag, or in an external file. if you want to, you can add more attributes to each div layer (like font, color, opacity, whatever). you can also add more paragraph definitions if you want more layers.

<style type="text/css">
<!--
p.banner{ position:absolute; top:#px; left:#px; overflow:auto; height:#px; width:#px; }
p.content{ position:absolute; top:#px; left:#px; overflow:auto; height:#px; width:#px; }
-->
</style>

then put this in your body tag, each piece of text will be automatically placed in the correct area.

<p class=banner>Put your banner text/images/etc. here.</p>

<p class=content>All your page content can go here.</p>


hope this makes sense =)