Help with css overlay, Can't move the div bars??? Options

[aestheticloveinc]

I'm normally very good at very good at troubleshooting, but this time I can't figure this one out on my own.

http://www.geocities.com/xo_hanayo//index.htm

that is the myspace layout I plan to switch over.

You'll notice in the top box that the second div bar is in the first.

I used proper end tags (I think?),

here's what I did:

CODE

<span class="text"></td></tr>
</table>
</td>

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


<style>

*{padding:0px;}
body{
visibility: visible; background-image:url(http://i33.tinypic.com/2zsd99y.jpg); visibility: visible; background-repeat:repeat-y;background-attachment: scroll; background-color: black; background-position: top center; font-family: Lucida, Arial, Helvetica, sans-serif;}
a:link, a:active, a:visited {text-decoration:none; color:000000; font-family:Arial, Helvetica, sans-serif;
font-size:12px; font-weight:normal;}
a:hover {text-decoration:none; color:FFFFFF; font-family:Arial, Helvetica, sans-serif;}
table, tr, td, li,div, font,p { font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:WHITE; background-color:transparent;border:none;border-width:0; }

table table table table { visibility:visible; }
div table tr td font img {visibility:visible;}
div table tr td input, div table tr td select {visibility:visible;}
div table {background-color:transparent;}
table, tr, td {background-color:transparent;}
table tr td font strong {visibility:hidden;}
table td div div font {visibility:visible; color: black;}
.contactTable {display:none;}
.orangetext15, .whitetext12, .nametext, {display: none;
visibility:visible;}
.orangetext15 {display: none; visibility: visible;}
.whitetext12 {display: none; visibility: visible;}
.nametext {display: none; visibility: visible;}
.lightbluetext8 {color:black;}
.ImgOnlineNow{display:none;}

.Main { position:absolute; background-color:transparent; top:0px; top:0px!important; left:50%; width:800px; height:1000px; z-index:3; margin-left:-400px; padding:0px; border:0px;}
.navigationBar {visibility:hidden; display:none;}
.ms_menu { position:absolute; width:896px; height:20px; z-index:9; left: 0px; top:20px!important; top:20px; visibility: visible; background-color:transparent; text-align: center;}
ctl00_Main_ctl00_UserFriends1_pnlAllFriendsLink { visibility:visible;}

.com {position:absolute; width:800px; max-width:7000px!important; height:70000px; z-index:6; overflow: auto; left:8px!important; left:8px; top: 2455px; visibility: visible; background-color:transparent; align:left; div-align:left; margin:0px; margin-left:0px; padding:0px; valign:top; word-wrap:break-word;}
.com table tr td div div a {visibility:hidden; }
.com table tr td div div {visibility:hidden;}
.com table tr td div {visibility:hidden; }
.com table tr td td {border:0px solid; background-color: transparent; top:-20px!important; top:0px; left: -30px!important; left:20px; padding: 0px;}
.com table tr td td table td {visibility: visible; border:0px solid;}
.com table table {border:0px solid;}

.latestBlogEntry {position:absolute; z-index:0; overflow: auto; max-width:400px; width:400px; width:400!important; left:600px!important; left:600px; top: 1935px; visibility: visible; background-color:transparent; align:left; div-align:left; margin:0px; margin-left:0px; padding:0px; valign:top; word-wrap:break-word;}


td td td embed, td td td object {position:static; margin-left:0px;}

</style>



<div class="Main">

<div id="back" style="position:absolute; width:850px; height:1000px; left:-25px; top:50px; background-image:url(http://i36.tinypic.com/2ikec8g.jpg); background-color:transparent; background-repeat:no-repeat; background-position: top center; overflow:none; text-align:left; font-family:Lucida, Arial, Helvetica, sans-serif; font-size:9px;"></div>



<div id="ADD" style="position:absolute; z-index:5; width:88px; height:39px; left:70px; top:375px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i36.tinypic.com/29or9z7.jpg"></a></div>

<div id="MSG" style="position:absolute; z-index:5; width:127px; height:52px; left:210px; top:375px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i34.tinypic.com/2zfvmrk.jpg"></a></div>


<div id="FWD" style="position:absolute; z-index:5; width:133px; height:38px; left:382px; top:378px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i33.tinypic.com/169fa6q.jpg"></a></div>




<div id="VIEWWEB" style="position:absolute; z-index:5; width:190px; height:46px; left:567px; top:365px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i37.tinypic.com/am3787.jpg"></a></div>


<div id="TOPBOX" style="position:absolute; z-index:5; width:675px; height:110px; left:75px; top:240px; background-color:transparent; overflow:auto;">HEY GUYS <div>


<div id="TOPBOX" style="position:absolute; z-index:5; width:675px; height:110px; left:75px; top:740px; background-color:transparent; overflow:auto;">HEY GUYS <div>
</style></span>

[schizo]

I don't really understand what you're asking (it's late, I'm tired), but one problem is that you've made everything say div id=. I'm almost positive that myspace doesn't accept that. You need to change id to class.

[synatribe]

yup myspace dosent acceptt id becasue they dont accept # tags, so change everything to a period instead number and use class like schizo said :]

[aestheticloveinc]

It should because other myspaces that I've seen that inspired me to try that style used "id".

:/

[synatribe]

r u sure? because myspace dosent accept # tags only [.] so id's wont work

[aestheticloveinc]

http://www.myspace.com/bigelowtea

that's what I'm doing mine like.

[synatribe]

okay see they do use id's your right but I was also right, they dont use
# instead, they add all the style in the <div id="> so its okay, but you cant make a stylesheet like this on myspace

ex.

#something
{CSS HERE}

<div id="something"> thats illegal
but <div id="something" style="CSS HERE;
is vaild:]

[schizo]

^ Exactly. In order to get your code to work, you'd need to switch the periods to pound signs or change id to class. Since myspace doesn't read pound signs, you need to switch id to class.

[aestheticloveinc]

I'm confused. So what "number" am I using???

CODE

<div id="TOPBOX" style="position:absolute; z-index:5; width:675px; height:110px; left:75px; top:740px; background-color:transparent; overflow:auto;">

so that should be correct right???

I still don't understand why two divs are stuck in one. I'm sorry if I'm making this complicated.

[aestheticloveinc]

okay so change all "div id" do "div class"

Would that fix the problem with two divs

[synatribe]

<div id="TOPBOX" style="position:absolute; z-index:5; width:675px; height:110px; left:75px; top:240px; background-color:transparent; overflow:auto;">HEY GUYS <div>


<div id="TOPBOX" style="position:absolute; z-index:5; width:675px; height:110px; left:75px; top:740px; background-color:transparent; overflow:auto;">HEY GUYS <div>
</style></span>

right theres the problem, your ending tags should be </div> not <div>

[aestheticloveinc]

holy crap! I can't believe I missed that (seriously that was so simple lol).

:/

Wow.

Thanks. =]