DIV problems Options

[Larentia]

So I used the DIV layout tutorial, but alas, I am having troubles. This is my first time using this tutorial and layout-making type.
The problem is, I have three boxes in one of which I would like to place my "content" in and the other two maybe comment boxes or the "add, msg, pic" boxes.
I really don't know what I'm doing, I'm just messing around with the codes with trial and error. = )

Does anyone have any time to help me with this?

Here is the link to my myspace: Myspace

Any help is much appreciated.

[*WHIMSICAL 0NE*]

I hope that you don't mind that I viewed your source. In your code you have some of your divs set up as:

CODE

<div class="content" style="position: abosulte; left:
50%px;  top:50%; width:500px; height:200px; overflow: auto;">

What the 50% would do is place it horizontally centered (left) and vertically centered (top) but after one of them you placed px which isn't needed. The catch with myspace is that even if you change one of them to 50%... let's say you changed it to left:50% because you wanted your layout centered, you would have to change the actual positioning of the div because it starts from the middle of the page rather than from the left as it usually does.

Confusing I know. But since it's your first div I suggest that you don't mess around with that. Instead change your div code to this:

CODE

<div class="content" style="position: abosulte; left:
000px;  top:000px; width:500px; height:200px; overflow: auto;">

What you'll need to do is position the div like it shows here.

I know that was a lot packed in one post, but if it confuses you just let me know.

[Larentia]

Thank you for responding. = )
I really appreciate it.

I'm still not totally sure what to do with the three boxes..and I have no idea how they got there either, heh.

I've looked at that DIV position post and I opted not to try it, because I was pretty confused by it.
I'll try to examine it fully now and try it.

[*WHIMSICAL 0NE*]

I didn't mean to confuse you; I get confused trying to explain it sometimes. Haha.

Those three boxes might be part of the default layout. Have you used a code to hide the default profile?
http://www.createblog.com/scripts/download.php?id=368

I would suggest to read over the tutorial that I linked in my other post and then doing the divs. If you get to a part of it that you don't quite understand just let me know and I'll be here.

If you're just starting, don't use percents. They can be confusing. You might want to just use a div code like this:

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

That way all you need to do is change the 0's. Change the height and width accordingly and then use your image program (or Window's Paint) to position the div with left and top.

[Larentia]

I started to read over it and I'm not sure how much I'll be able to get. I think I've gotten myself in over my head, but I can't give up now, heh.

For some reason now, I have lost my content and image. I'm not totally sure what I did..

I'll try to stay away from the percents.
And I did try to hide the three boxes with that code and it only shrunk them and took away my comment box.
I don't really know what they mean in the tutorial to go into Paint and position the DIV. I don't know exactly what is suppoes to be going into Paint. Like if I'm copying and pasting something. I'm sorry if I'm being vague.

[*WHIMSICAL 0NE*]

^ You don't have to use paint if you have another program. (What program are you using?)
But if you want to use paint what you need to do is open the program, obviously. And the image that you want to place the div on. If you just have an image that you're placing in a seperate div that's not a big background image you can create a white space for the time being.
Anyways, place your mouse cursor where you want the top left corner of the div to be. Then in the corner (like in the image in the tutorial) there should be a set of numbers seperated by a comma. What you want to do is place the first number after left and the second after top.

So basically, if I placed my mouse cursor in a spot and the numbers displayed were "180,400" I'd put that in my div code to look like this:

<div class="content" style="position: absolute; left:180px; top:400px; width:000px; height:000px; overflow: auto;"><center>
content
</div>

Is that what you were asking?

[Larentia]

I'm using Jasc PSP, but I couldn't find those numbers on it, so I opened Paint.
I got the numbers 3,8...that seems like it's awfully low.

I'll try to put it in now.
And yes, it was. Thank you. = )

I just have to get the image back in now and my content.
Lot of work to me, heh.

Okay, I just put it in and nothing is showing up.
If you look at my myspace, it's still just the three boxes and my comments.

I'm not sure how badly I have messed this up.
I'm sorry to put you through this.

[*WHIMSICAL 0NE*]

Don't be sorry, it's what I'm here for.

I use PSP too, so that's good. Haha. To find where to position the divs in the lower right hand corner it should say something like (x:200 y:300) I just made up some numbers, and depending on which version you have it could look different (I use 8.0).

When you make divs you should use Notepad so that you won't lose your information.

When I use the code from your About Me I don't get anything on my test page, click here.