Divs problem Options

[Nina-Williams]

I want to add one more div to my profile.
I have already 4.I tried to put another one in my code,but one of them disappeared.
Here my divs code.

<style type="text/css">
body {background-color:000000; background-image:none;}
td, .text, div, input {color:00FFCC !important;}
a {color:silver !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.bbzContainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }

.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed, .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}


.bbzComment { You selected to hide comments. }
.bbzsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

.div3 {
background-color:black; color:33FFCC;
border:0px solid; border-color:black;
width:600px; height:350px; overflow:auto;
position:absolute; z-index:2; left:21%; top:54%;
margin-left:-250px; margin-top:10px; text-align:center;
visibility:visible;
background-image:url(http://img222.imageshack.us/img222/8664/layoutboxaaaa1wn0.jpg);
background-position:center center;
background-repeat:no repeat;
background-attachent:scroll;
}

.div0 {
background-color:black; color:00FF99;
border:0px solid; border-color:black;
width:309px; height:383px; overflow:auto;
position:absolute; z-index:1; left:85%; top:0%;
margin-left:-125px; margin-top:400px; text-align:center;
visibility:visible;
background-image:url(http://img155.imageshack.us/img155/2986/backgroundmm1.jpg);
background-position:bottom right;
background-repeat:no repeat;
background-attachent:scroll;
}

.div1 {
background-color:black; color:00FF99;
border:0px solid; border-color:black;
width:511px; height:321px; overflow:auto;
position:absolute; z-index:2; left:0%; top:0%;
margin-left:0px; margin-top:150px; text-align:center;
visibility:visible;
background-image:url(http://img222.imageshack.us/img222/6779/bannerhn3.jpg);
background-position:center center;
background-repeat:no repeat;
background-attachent:scroll;
}

.div2 {
background-color:black; color:00FFCC;
border:0px solid; border-color:black;
width:145px; height:248px;
position:absolute; z-index:2; left:25%; top:37%;
margin-left:150px; margin-top:150px; text-align:center;
visibility:visible;
background-image:BLAH BLAH BLAH


So,where should I add the next div?
I want to be next to div3.

[IVIike]

you should be able to have an unlimited amount of divs

try this

CODE

.div4 {
background-color:XXXXXX; color:XXXXXX;
border:0px solid; border-color:XXXXXX;
width:600px; height:350px; overflow:auto;
position:absolute; z-index:000; left:000px; top:000px;
margin-left:000px; margin-top:000px; text-align:center;
visibility:visible;
background-image:url(imageurlhere);
background-position:center center;
background-repeat:no repeat;
background-attachent:scroll;
}

of course edit it to your needs

[Nina-Williams]

Thanks,it works!
Unfortunately now,I cannot write anything in it,and cannot scroll.Jeez!
Here what I have put:

About me:
The divs plus:

<style>
.div4{
width: 180px;
height: 289px;
left:22%;
top:top:440px;px;
background-color: 000000;;
color: 0ffcc;
font-family: century gothic;
overflow: auto;
padding: 3px;}
</style>


I'd like to meet:

<div class="div4">
<font size=5>

BLAH BLAH BLAH
</font>
</div>






Music Section:
<div class="bbzContainer">
<div class="div4">
<font size=5>
BLAH BLAH BLAH
</font>
</div>


HELP.I need it!

[aesthetic]

.div2 {
background-color:black; color:00FFCC;
border:0px solid; border-color:black;
width:145px; height:248px;
position:absolute; z-index:2; left:25%; top:37%;
margin-left:150px; margin-top:150px; text-align:center;
visibility:visible;
background-image:BLAH BLAH BLAH

------
Does it look just like that or did you just not finish it on here? if it looks like that you need to close it with a }

[Nina-Williams]

No,it is not the problem on the div2...
The problem is--that I inserted another div,a div4.
I want to use it for some info.I typed my info in it,but it didn't appeared on the myspace...

[pandora]

if div2 comes before div4 in your css, you need to make sure you close everything correctly.

[Nina-Williams]

I put div4 first and then div2.
Div2 is the banner thing.I want div4 as a new box next to my info.
Duh,truly confused.