I've been trying to set up a DIV layer in my website. I would like it to be in the center, and to be 570 pixels wide, and 400 pixels from the top. I do not want to set a height for it because I want it to extend as much as there is text. I also want it to float over a table. So far, however, I have not been able to do this.
Here's my HTML code (saved as a text file):
Here's my CSS code:
As you can see, the problem with this CSS code is that the DIV Layer is starting from the absolute center of the page (although it's starting 400 pixels from the top, and is floating over the table).
What can I do to fix this problem?
I would greatly appreciate it if you downloaded the files and worked on them, because then you'll truly see the problem (and hopefully, have a better chance of fixing it).
I did not upload the images which make up the table and the background image because it was not necessary. However, the table will be visible.
Once again, I would like the layer:
1. To be in the center of the page
2. To be 570 pixels wide
3. To start 400 pixels from the top
4. To float over the table
In addition, I would like the text in the layer...
5. To be aligned on the left
I tried several codes, one of which was this:
border : 0px none;
margin : auto;
text-align : left;
width : 570px;
But this code made the DIV layer start under the table rather than 400 pixels from the top.
If anyone could help me fix this problem by fulfilling all 5 "conditions" that I listed earlier, I would greatly appreciate it.