content boxes?? Options

[splitprsona]

i used to get my coding from migente but the page is no longer working
but i need working div box codes for my layout.

http://profile.myspace.com/index.cfm?fusea...endid=341649026

i have 3 sections as you can see & i'm using firefox so i need a code that would allow me to put content in the different sections. hopefully someone can help me if they understand what im saying! lol

[Marlons]

Something like this?

CODE

.aboutme {
width:393px; height:368px; overflow:auto; position:absolute; z-index:2; left:162; top:507; visibility:visible; padding:1px; text-align:justify; border-right: 0px solid; border-color:ffffff; border-left: 0px solid; background-color:E4E4E4;}

then use this.

CODE

<div class="aboutme">
Write Here.
</div>

[splitprsona]

yes, like that. but, i don't know what i'm doing wrong. i put the code in & it doesn't show up.

http://profile.myspace.com/index.cfm?fusea...endid=341649026

about me:

CODE

<style type="text/css">
.Main { position:absolute; left:50%; top:71px; width:800px; z-index:1; margin-left:-500px; padding:0px; border:0px; background-color:transparent;} </style>

<style type="text/css">
.friendSpace { display:none; }
</style>

<style type="text/css">
.friendsComments { display:none; }
</style>

</font></font><style type="text/css">
     div div table div {display:none;} .clearfix table div div {display:block;}
     tr td div, div td, div tr, div table {background-color:transparent !important;}
     .profile, div ul {display:none !important; }</style>

who i'd like to meet:

CODE

<DIV class="Main"> <table style="width:800px; height:600px; border:0px solid silver; background-color:ffffff;" cellpadding="0" cellspacing="0"> <tr> <td valign="top">

<style type="text/css" >
body {
background-image:url("http://i29.tinypic.com/10msmxi.png");
background-attachment: scroll;
background-repeat: repeat;
background-position: top left;
</style>

<img src="http://i25.tinypic.com/2ciim9h.png">

<style>
tr { background:none; }
table div div { display:none; }
</style>

<style>
.aboutme {
width:393px; height:368px; overflow:auto; position:absolute; z-index:2; left:162; top:507; visibility:visible; padding:1px; text-align:justify; border-right: 0px solid; border-color:ffffff; border-left: 0px solid; background-color:E4E4E4;}
</style>

<div class="aboutme">
Write Here.
</div>


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

[fixtatik]

first of all, the attribute "z-index:" doesn't work on myspace anymore, so that's something you can leave out.

secondly, i'd suggest putting all of your styles into one style sheet; it makes it so much easier to work with, and it ultimately saves on load times, because browsers don't have to keep reading <style type="text/css">.

the final part, embed all of your divs into the main div, which it seems like you're doing, with just a little problem.

if you have a div inside another div, like this:

CODE

<div class="main">
  <div class="aboutme">
    text, text, text
  </div>

  <div class="another-div">
    more text, text, text
  </div>
</div>

then you need to position "aboutme" and "another-div" within that main div. to do that, think about where the borders of the main div are, and how far away from that border you want the other divs to be.

for example, say you have that 800x600 main div, and you want the about me to sit 10 pixels from the left side, and 25 pixels from the bottom. in your style sheet, you'd put something similar to:

CODE

<style type="text/css">
.aboutme { position:absolute; bottom:25px; left:10px; }
</style>

absolute positioning means that the object you're positioned is to be positioned absolutely (wow!) within the div that surrounds it. that's why when you position the main div absolutely, it's based on the entire page, because it's not embedded within anything but the page itself.

[splitprsona]

alrighty! i took out the z-index codes put everything into one style sheet & made a few other adjustments & its working properly. thank you soo much again.

[S-Majere]

Awesome.

Closed.