[Resolved] Placement of <div> tag

[Ragus73]

Hello guys,
I recently created a new website, and it is running smooth so far, but I have 1 problem which hopefully you guys can help me with. I have a <div tag with text in it, and the problem is, it is not centering for me. I want it to be in the center of the screen, but it hangs up on top. At the moment, a temporary fix is style="positioning:absolute; top:150px" but that only shows up well on my monitor, I need it to go into the right position from any screen. If you need a first hand view, my website is located at http://utopianprojekt.com . Thanks in advance.

 

[EliteGM]

Re: [HTML/CSS] Placement of <div> tag

So you want it vertically centered?

 

[AngryCat]

Re: [HTML/CSS] Placement of <div> tag

tried using style="align:center" ?

 

[Ragus73]

Re: [HTML/CSS] Placement of <div> tag

That doesn't do what i'm thinking of. Actually, it doesnt even have to be centered, just below the image at the top of the page...for some reason the text goes right over the image. I had hoped it would position itself below it. Also, i have this in there for transparency behind the words..

<style type="text/css">
div.transbox
{
background-color: #ffffff;
border: 1px solid black;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
div.transbox p
{
color: #000000;
}
div.transbox2
{
background-color: #ffffff
border: 1px solid black;
/* for IE */
filter:alpha(opacity=40);
/* CSS3 standard */
opacity:0.4;
}
</style>

and then

<div class="transbox" .....

Centering it screws this up, making a transparent area across the screen like a row...I need it so the transparency hugs the words basically.
A more simple solution(if it's possible) would be so that that <div> box would act as an image, and not overlap other images, any way to make that happen? Heres a bit more code I've got going...

<style type="text/css">
.floatright
{
float: left;
width: 100%;
}

p { margin-top: 0; }
</style>