text in overlay, having some problems with text, please help Options

[omgdeykillro]

Hey.
Im having some trouble with my overlay.
Whenever i write text below my header image, the sidebar on the left goes down a line.
is there a way i can fix that? if so, please reply. Thanks So Much.

Here's the myspace thaqt im testing the layout on.
www.myspace.com/wavebird

Rosario

[freeflow]

All codes please?
The div that your trying to type text in code?

[omgdeykillro]

in the ABOUT ME:

<style type="text/css">

.main {
position: absolute;
left: 50%;
top: 125px;
width: 800px;
z-index: 1;
margin-left: -400px;
}


.navigation{
border-bottom:1px solid;
border:1px solid;
}

.navigation li{
display:inline;
list-style-type:none;
padding:0 20px 0 0;
}

.navigation a:link, .navigation a:visited{
font-family:arial;
font-size:11px;
padding:3px;
}

.navigation a:hover{
text-decoration:none;
padding:3px;
}

.content{
width:525px;
float:left;
padding:5px 5px 5px 7px;
margin:5px 0 0 5px;
border:1px solid;
}

.sidebar{
width:210px;
float:right;
padding:5px 5px 5px 7px;
margin:5px 5px 0 300;
border:1px solid;
}
.floatcontainer{
clear: both;
width: 200px;
height: 400px;
padding: 5px;
background-color: 999999;
}

.leftdiv{
float: left;
width: 190px;
height: 390px;
margin: 2px;
padding: 3px;
background-color: ffffff;
}



</style>













in the ID LIKE TO MEET


<div class="main">
<table style="width: 800px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;">
<tr><td valign="top">
..OTHER DIV...
</td></tr></table></div>














<div class="main">
<table style="width:800px;
height:600px;
cellpadding:0px;
cellspacing:0px;
background-color:FFFFFF;">
<tr><td valign="top">
<center>
<ul class="navigation">
<li><a href="http://www.myspace.com">HOME</a></li>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=10058332">MESSAGE ME</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=10058332">ADD ME</a></li>
<li><a href="http://youtube.com/profile?user=omgdeykillro">MYTUBE</a></li>
</div>
</ul>
</center>
<br />

<div class=&quotcontent">
<img src="http://i2.photobucket.com/albums/y15/omgdeykillro/crimtri_neverendingstory3.jpg" border="0" alt="Photobucket - Video and Image Hosting"></a>





</div>







<div class="sidebar">
<div class="commentbox">
<center>Add Comment / <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID="10058332">View All</a><br />
<form method="post"
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="10058332">
<textarea name="f_comments" cols="25" rows="5"></textarea><br />
<input type="submit" value="Post">
</form>
</center>


<div class="floatcontainer">
<div class="leftdiv">


<p><br><center> <b>The Specifics</b></br><br>Name: Rosario</br>Age: 18<br>Birthday: July 30th, 1988 <br>Height: 5'8"</br>Weight: 180 lbs.<br>Hair Color: Brown</br>Eye Color: Hazil Green<br><br><br><img src="http://i2.photobucket.com/albums/y15/omgdeykillro/DSC001612.jpg" border="0" alt="Photobucket - Video and Image Hosting"></br></br></br></br> </p>
</div></center>

</div>

</div>
<br />
<center>
Rosario & Judy
<br>est. December 26th, 2003</br>
</center>
</div>

</div>

</td></tr></table></div>
















<div style="position: relative;
height: 400px;
overflow: hidden;
border: 0px;">
<table><tr><td><table><tr><td>

[PrincessAda]

So you want your info to be position more to the left,correct?

it could be your positioning..

quick lesson on "position: relative"

top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px
use that lesson to edit your code..
<style type="text/css">

.main {
position: absolute;
left: 50%;
top: 125px;
width: 800px;
z-index: 1;
margin-left: -400px;
}

that part.

[omgdeykillro]

no, i wanted to write things in that huge space on the left, like about me and stuff. its jsut that when i do, the sidebar moves down with the text. like if i use 5 lines of text, then the sidebar will go down 5 lines.

[freeflow]

Did you make it its own div? You have to. Here sthe code:

CODE

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

Ad it to the top of I'd like to meet, or bottom of about me. If you add it anywher eelse in I'd like to meet, I have a feeling you'll screw it all up.

Change 000 to numbers. Change left & top to positions. You have to just place numbers there till its positioned in the white.

[omgdeykillro]

thanks for the code.
how will i know if its positioned there? is there a way i can make it...black, so that way i can see what is what?

[omgdeykillro]

hmm, i can see the outline of a box behind all my stuff...but i cant get it in front, and how will i write the text ?

[freeflow]

Put the code directly under:
<div class="main">

Where it says content for div, thats where you right the text.
You will know its positioned there, when the text is in the right spot.
To change the colors etc add the changes before the ">
example:
background-color: 000000;">

Also please don't double post. Edit your first one next time.

[omgdeykillro]

lol, alright ill make sure i edit next time.

so, i put in what you asked me, and i positioned it so that you can see what im talking about.

heres the myspace. www.myspace.com/wavebird

so, if you look in the backround you can see the outline of a box. and i have things typed in the code, but i cant see it in the box. heres the code.


<div class="main">

<table style="width: 800px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: 000000;">
<tr><td valign="top">
<div class="content" style="position: absolute; left:-25px; top:500px; width:650px; height:600px; overflow: auto;"><center>
CONTENT FOR DIV
</div>
</td></tr></table></div>

[freeflow]

Change it to this:

CODE

<div class="contentext" style="position: absolute; left:-25px; top:500px; width:650px; height:600px; overflow: auto;"><center>
CONTENT FOR DIV
</div>

Because your other code made be effecting it.

[omgdeykillro]

ehh...it didnt work...

<div class="main">

<table style="width: 800px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: transparent;">
<tr><td valign="top">
<div class="contentext" style="position: absolute; left:-25px; top:500px; width:650px; height:600px; overflow: auto;"><center>
mama mia
</div>
</td></tr></table></div>


just incase, thats how the code looks like with the new code you gave me.


edit//
im pretty sure its behind the layer i have now.

[freeflow]

Fixed it.
Your new code I'd like to meet code:

CODE

<div class="main">
<table style="width:800px;
height:600px;
cellpadding:0px;
cellspacing:0px;
background-color:FFFFFF;">
<div class="contentext" style="position: absolute; left:-25px; top:500px; width:650px; height:600px; overflow: auto;"><center>
mama mia
</div>
<tr><td valign="top">
<center>
<ul class="navigation">
<li><a href="http://www.myspace.com">HOME</a></li>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=10058332">MESSAGE ME</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=10058332">ADD ME</a></li>
<li><a href="http://youtube.com/profile?user=omgdeykillro">MYTUBE</a></li>
</div>
</ul>
</center>
<br />

<div class=&quotcontent">
<img src="http://i2.photobucket.com/albums/y15/omgdeykillro/crimtri_neverendingstory3.jpg" border="0" alt="Photobucket - Video and Image Hosting"></a>





</div>







<div class="sidebar">
<div class="commentbox">
<center>Add Comment / <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID="10058332">View All</a><br />
<form method="post"
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="10058332">
<textarea name="f_comments" cols="25" rows="5"></textarea><br />
<input type="submit" value="Post">
</form>
</center>


<div class="floatcontainer">
<div class="leftdiv">


<p><br><center> <b>The Specifics</b></br><br>Name: Rosario</br>Age: 18<br>Birthday: July 30th, 1988 <br>Height: 5'8"</br>Weight: 180 lbs.<br>Hair Color: Brown</br>Eye Color: Hazil Green<br><br><br><img src="http://i2.photobucket.com/albums/y15/omgdeykillro/DSC001612.jpg" border="0" alt="Photobucket - Video and Image Hosting"></br></br></br></br> </p>
</div></center>

</div>

</div>
<br />
<center>
Rosario & Judy
<br>est. December 26th, 2003</br>
</center>
</div>

</div>

</td></tr></table></div>
<div style="position: relative;
height: 400px;
overflow: hidden;
border: 0px;">
<table><tr><td><table><tr><td>

[omgdeykillro]

THANK YOU SO MUCH! it works perfect! yay lol.

i wish there were something i could do in return...

your awesome by the way lol.

[freeflow]

haha thanks. If you need anymore help feel free to pm me.