help with div

[shopfor2]

 

 

 

 

 

 

 

 

 

Content for id "content" Goes Here ..I need help

This is not fun

 

 

 

 

[newseed]

What you need to use is 'position: absolute;' along with 'position: relative;'

 

Assuming that you need #Layer3 to be located at a postion that overlays #Layer2 or #Layer1, you just add the follower to the #wrapper:

 

#wrapper {

width:1010px;

margin:0 auto;

position: relative;

}

 

Then you add the following to #Layer3:

 

#Layer3 {

position: absolute;

top:0px;

left:0px;

width:1010px;

height:633px;

z-index:1;

 

}

 

Now adjust the 'top' and 'left' css to the desired pixel location.

Edited January 26, 2010 by newseed

[shopfor2]

Thank you for the quick reply....Is adding a div on top of another div the way to go about adding text and/or images??

I was going to use tables ontop of the div's to add content but was told not to.

 

I dont no where to go from here??

[newseed]

It all depends. Most will use css background so they can add content over on top and you can do that with one div.

 

Try this on a test page:

 

<br />#box {<br />    width: 200px;<br />    height: 200px;<br />    background: #ff0000;<br />}<br />





Add your text here

 

Although no images were used here but the concept is still the same. You just basically reference a background image instead of a background color. For example, let's say the image you want to use is 200px wide by 100px high, the css would look like this:

 

#box {

width: 200px;

height: 100px;

background: transparent url('image-file-name.jpg') no-repeat;

}

 

Of course you will need to know where the image file is located so you can give it a correct file path.